Free, Fast, and Powerful SVAR React DataGrid

import { Grid, Willow } from "@svar-ui/react-grid";
import "@svar-ui/react-grid/all.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 },
];

export default function App() {
    return (
        <Willow>
            <Grid data={data} columns={columns} />
        </Willow>
    );
}