data-table row actions copy payment id seems to not work

[Skylli202]

Hi,

I'm doing a tour of shadcn-svelte as well as experimenting the few additional deps that are recommended in the documentation like svelte-headless-table or formsnaps. And I am currently at the step Row actions in the data-table documentation, and my copy id seems to not work as the item.id is empty.

And I cannot figure out if it is an error on my ends, or if it is expected, as this is just a dummy to show what you can do.

My experiementation can be found in this repo: https://github.com/Skylli202/sveltekit-experimentation

[Skylli202]

I actually fixed the example by doing the following:

What is in the documentation:

// data-table.svelte
<script>
  // ...
  const columns = table.createColumns([
    // ...
    table.column({
      accessor: ({ email }) => email,
      header: "",
      cell: (item) => {
        return createRender(DataTableActions, { id: item.id });
      }
    })
  ]);
</script>

My code

// data-table.svelte
<script>
  // ...
  const columns = table.createColumns([
    // ...
    table.column({
      accessor: ({ id }) => id,
      header: "",
      cell: ({value}) => {
        return createRender(DataTableActions, { id: value });
      }
    })
  ]);
</script>

As per the svelte-headless-table the first parameter of columnDef.cell is a DataBodyCell which has the value of the cell (td of a tr) in the value property. So I just deconstructed the value property. And updated the accessor property to retrieve the id property instead of the email.

Let me know if it is worth a documentation correction. I'd be glade to help with a PR.