@midas-ds/table-styles

React components and styles for TanStack Table with Midas design system.

Installation

``bash
npm install @midas-ds/table-styles @tanstack/react-table
`

Usage

$3

`typescript
import { Pagination } from '@midas-ds/table-styles'
import '@midas-ds/table-styles/tanstack-table.css'
`

$3

`typescript
import { useReactTable, getCoreRowModel, getPaginationRowModel } from '@tanstack/react-table'
import { Pagination } from '@midas-ds/table-styles'
import '@midas-ds/table-styles/tanstack-table.css'

function MyTable() {
const table = useReactTable({
data,
columns,
getCoreRowModel: getCoreRowModel(),
getPaginationRowModel: getPaginationRowModel(),
})

const { pagination: { pageIndex, pageSize } } = table.getState()

return (
<>


getCanNextPage={table.getCanNextPage}
getCanPreviousPage={table.getCanPreviousPage}
getPageCount={table.getPageCount}
getRowCount={table.getRowCount}
nextPage={table.nextPage}
pageIndex={pageIndex}
pageSize={pageSize}
previousPage={table.previousPage}
setPageIndex={table.setPageIndex}
setPageSize={table.setPageSize}
/>

)
}
``

Documentation

For complete documentation and examples, visit Midas Design System