Data table component

[mkapal]

A data table made from InSim buttons.

function App() {
  const columns = [
    { name: "Name", width: 10, accessor: 'name' },
    { name: "Age", width: 5, accessor: 'age' },
  ];

  data = [
    { name: "Bob", age: 15 },
    { name: "Alice", age: 24 },
  ];

  return <DataTable columns={columns} data={data} />;
}

Feature ideas

• column definitions
• data array
• row button variant
• column button variant
• sorting by column
• pagination

Consider using a headless data table library if possible.