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​

const { data, allColumns } = getData();

export default function App() {
    let left = 3; // freeze 3 columns

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