Mantine DataTable

Examples › Basic table properties

The DataTable component exposes some basic properties of the internal Mantine Table component and implements a number of additional ones. Try customizing some of them interactively below:

return (
  <DataTable
    columns={[
      { accessor: 'name' },
      { accessor: 'missionStatement', width: 150 },
      { accessor: 'streetAddress' },
      { accessor: 'city' },
      { accessor: 'state' }
    ]}
    records={records}
  />
);

Head over to the next example to discover more features.