How to freeze columns

Extending GridModel allows you to customize behavior, such as freezing rows and/or columns to the side of a viewport.

Live Code Example

- Edit the code to see changes below.

function Example() {
  const [model] = useState(
    () =>
      new MockGridModel({
        floatingLeftColumnCount: 3,
        floatingTopRowCount: 1,
      })
  );

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