RC-Table

带虚拟滚动的完整的表格

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

用法

1import React from 'react';
2
3import { Table } from '@weblif/rc-table';
4
5const createRows = () => {
6    const rows: Row[] = [];
7    for (let i = 0; i < 2000; i += 1) {
8        const cells = [];
9
10        let sticky;
11        let selectd;
12
13        if (i === 0 || i === 1) {
14            sticky = 'top';
15            selectd = false;
16        }
17        for (let c = 0; c < 1000; c += 1) {
18            cells.push({
19                width: 120,
20                value: `${i} - ${c}`,
21                key: `${i}-${c}`,
22                selectd,
23            });
24        }
25
26        rows.push({
27            height: 35,
28            cells,
29            sticky,
30            key: i,
31        });
32    }
33    return rows;
34};
35
36let rows = createRows();
37
38const BaseTable = () => {
39    return <Table width={1200} height={600} rows={rows} />;
40};
41
42export default BaseTable;