Examples › Basic table properties

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

Name	Mission statement	Street address	City	State
Sipes Inc	Strategize magnetic vortals.	280 Rigoberto Divide	Twin Falls	MT
Runolfsdottir - Cummerata	Leverage one-to-one methodologies.	102 Konopelski Greens	Missouri City	KY
Johnston LLC	Transition wireless initiatives.	230 Julie Lake	Hartford	KY
Crist and Sons	Revolutionize out-of-the-box infomediaries.	3387 Blick Turnpike	Attleboro	WV
Schmidt and Sons	Optimize bricks-and-clicks eyeballs.	286 Leif Lock	Collierville	AL

No records

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