Tables about attractions

[illright]

Well, the Pagination component exposes a currentPage prop which you can read and use to alter the data in the table:

<script>
  import { Pagination } from 'attractions';
  import { Table } from 'elsewhere';

  let currentPage = 1;
  const totalPages = 20;
  const itemsPerPage = 10;

  export let tableData;
</script>

<Table data={tableData.slice((currentPage - 1) * itemsPerPage, currentPage * itemsPerPage)} />
<Pagination bind:currentPage pages={totalPages} />

We don't provide a Table component yet, though it could be added in the future. We are a little busy with other work at the moment to add it in right now, but we would certainly welcome a PR adding it.

[aabounegm]

If you liked the tables in the documentation, you can take a look at the docs/static/css/mdsvex folder, where we keep the SCSS for table, th, tr, and td. I am thinking it shouldn't be too much work copying them over to a new component while adding a few SCSS variables and slots here and there, but I am not sure when I will be able to give it a shot. If you come up with something and would like to add it to the library, we would be happy to merge it.

[orefalo]

Thank you so much. It's enough for my current use case