RC-Table

带虚拟滚动的完整的表格

这是一个孵化项目, 他是 @weblif/fast-ui 中的一部分

用法

import React from 'react';

import { Table } from '@weblif/rc-table';

const createRows = () => {
    const rows: Row[] = [];
    for (let i = 0; i < 2000; i += 1) {
        const cells = [];

        let sticky;
        let selectd;

        if (i === 0 || i === 1) {
            sticky = 'top';
            selectd = false;
        }
        for (let c = 0; c < 1000; c += 1) {
            cells.push({
                width: 120,
                value: `${i} - ${c}`,
                key: `${i}-${c}`,
                selectd,
            });
        }

        rows.push({
            height: 35,
            cells,
            sticky,
            key: i,
        });
    }
    return rows;
};

let rows = createRows();

const BaseTable = () => {
    return <Table width={1200} height={600} rows={rows} />;
};

export default BaseTable;