Function MRTTable

The Table component is a configurable and localized data table built using material-react-table.

This component allows you to display and manage data in a tabular format, providing various options for customization and localization.

Read the material-react-table documentation for more information

Material React Table is based on TanStack Table

Import

import { Table, createMRTColumnHelper } from '@stereograph/teia-system-design';
Copy

interface MyData {
  firstName: string;
  lastName: string;
}

const columnHelper = createMRTColumnHelper<MyData>();
const columns = [
  columnHelper.accessor('firstName', { header: 'First Name' }),
  columnHelper.accessor('lastName', { header: 'Last Name' }),
];

return <Table tableOptions={{ columns, data }} />;
Copy