Static data

It's easy to display a static array of data using StaticDataGridModel. Pass in the data you'd like to display, and the grid displays it. Simple!

Live Code Example

- Edit the code to see changes below.

function Example() {
  const [model] = useState(
    new StaticDataGridModel(
      [
        ['Matthew Austins', 'Toronto', 35, 22],
        ['Doug Millgore', 'Toronto', 14, 33],
        ['Bart Marchant', 'Boston', 20, 14],
        ['Luigi Dabest', 'Pittsburgh', 66, 33],
      ],
      ['Name', 'Team', 'Goals', 'Assists']
    )
  );

  return <Grid model={model} />;
}