af-utils / virtual

Table / Headless

Loading example...

cell_a_0	cell_b_0	cell_c_0
cell_a_1	cell_b_1	cell_c_1
cell_a_2	cell_b_2	cell_c_2
cell_a_3	cell_b_3	cell_c_3
cell_a_4	cell_b_4	cell_c_4
cell_a_5	cell_b_5	cell_c_5
cell_a_6	cell_b_6	cell_c_6
cell_a_7	cell_b_7	cell_c_7

import { useVirtual, Table } from "@af-utils/react-table";

const SimpleHeadlessTable = () => {
    const model = useVirtual({
        itemCount: 1000
    });

    return (
        <Table
            model={model}
            className="h-full basic-table-container"
            headless
            getRowData={i => ({
                a: `cell_a_${i}`,
                b: `cell_b_${i}`,
                c: `cell_c_${i}`
            })}
            columns={[
                { key: "a", label: "a" },
                { key: "b", label: "b" },
                { key: "c", label: "c" }
            ]}
        />
    );
};

export default SimpleHeadlessTable;