Vue Data Grid Feature-rich, fast, editable grid

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

    const data = [
        { id: 1, name: "Alice", role: "Developer", status: "Active" },
        { id: 2, name: "Bob", role: "Designer", status: "Away" },
    ];

    const columns = [
        { id: "name", header: "Name", width: 150 },
        { id: "role", header: "Role", width: 120 },
        { id: "status", header: "Status", width: 100 },
    ];
</script>

<template>
    <Willow>
        <Grid :data="data" :columns="columns" />
    </Willow>
</template>