Skip to main content
Version: v6.8.1

Table

Tables

We've following types of tables

  1. Basic
  2. Collapsible
  3. Enhanced
  4. Sticky Header
  5. Pagination
  6. Search

We use Rc-Table for our table components, here is an basic table example. For more details please check out their official doc here https://table-react-component.vercel.app/

You'll find all our tables in action https://isomorphic-furyroad.vercel.app/tables/basic

src/components/controlled-table/basic-table-widget.tsx
'use client';

import ControlledTable from '@/components/controlled-table';

export default function BasicTable() {
return (
<ControlledTable
isLoading={isLoading}
data={tableData}
columns={visibleColumns}
scroll={scroll}
sticky={sticky}
variant={variant}
className="mt-4"
{...(enablePagination && {
paginatorOptions: {
pageSize,
...(setPageSize && { setPageSize }),
total: totalItems,
current: currentPage,
onChange: (page: number) => handlePaginate(page),
},
paginatorClassName: cn(
'mt-4 lg:mt-5',
noGutter && 'px-5 lg:px-7',
paginatorClassName
),
})}
/>
);
}