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
        ),
      })}
    />
  );
}