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

<script setup>
    import { Grid } from "@svar-ui/vue-grid";

    import { getData } from "./common/data";
    const { data, columns } = getData();

    const left = 3; //freeze 3 columns

</script>

<template>
    <Grid 
        :data="data" 
        :columns="columns"
        :split="{ left }" />
</template>