DataTable does not inherint TableOptions props

As the title says, the DataTable components have not inherited props from TableOptions such as columns, data according to vscode’s typescript IntelliSense. I copied example code from https://www.saas-ui.dev/docs/data-display/data-table#typescript

I thought it was because of types issues regarding columns, so I removed them but the error still persisted

Removing columns from DataTable now shows that prop data does not exist

Type error disappears after removing all props

[waptik]

It might be possible to do something like this.

<DataTable columns={columns} data={data} plugins={[useFilters, usePagination]}>
  <DataTableBody>
  {({page}) => {
    return page.rows.map((row) => <DataTableRow {...row} />)
   }}
  </TableBody>
</DataTable>

There’s quite some work involved to make this happen, so it won’t make it into the 1.0 release for now. But will add this to the roadmap.

This approach isn’t bad. Well, no biggie. If I find myself in need of extra features and they are not available out of the box, I can just copy the original code and tweak it to suit my needs.

[Pagebakers]

It might be possible to do something like this.

<DataTable columns={columns} data={data} plugins={[useFilters, usePagination]}>
  <DataTableBody>
  {({page}) => {
    return page.rows.map((row) => <DataTableRow {...row} />)
   }}
  </TableBody>
</DataTable>

There’s quite some work involved to make this happen, so it won’t make it into the 1.0 release for now. But will add this to the roadmap.