Every Spreadsheet Feature.
Zero Enterprise Tax.

import { OGrid } from '@alaarab/ogrid-react-radix';
// Also available: '@alaarab/ogrid-react-fluent'
//                 '@alaarab/ogrid-react-material'

const columns = [
  { columnId: 'name', name: 'Name', sortable: true },
  { columnId: 'role', name: 'Role', filterable: { type: 'multiSelect' } },
  { columnId: 'salary', name: 'Salary', editable: true,
    valueFormatter: (v) => `$${v.toLocaleString()}` },
];

function App() {
  return (
    <OGrid
      columns={columns}
      data={employees}
      getRowId={(e) => e.id}
      editable
      cellSelection
      statusBar
    />
  );
}