Skip to main content

split

Description​

Optional. Allows freezing the leftmost columns while scrolling

Usage​

split?: {
    left: number
};

Parameters​

left - the number of leftmost rows that will remain visible while scrolling (default is 0)

Example​

import { useState } from "react";
import { Grid } from "@svar-ui/react-grid";

import { getData } from "./common/data";

export default function App() {
  const { data, columns } = getData();

  const [left, setLeft] = useState(3); // freeze 3 columns

  return (
    <Grid
      data={data}
      columns={columns}
      split={{ left }}
    />
  );
}