Tablex NPM | npm.io

Tablex

基于 react-window 的表格组件

Learn more at the website

Install

yarn add tablex

import React, { Component } from "react";
import Table, { flatten, unflatten } from "tablex";


class Demo extends Component {
  state = {
    data: [],
    columns: []
  };

  render() {
    return (
      <Table rowKey="id" columns={this.state.columns} data={this.state.data} />
    );
  }
}

Features

虚拟加载
属性配置记忆
高扩展性，可自定义行、列渲染
自适应宽、高
无限级表头
支持树形数据
类antd table的样式及api
列冻结
列宽拖动
表格编辑，键盘导航（上、下、左、右），自定义验证，便捷的数据编辑api
支持行、列合并
支持表格拖动排序、树形表格层级调整

Roadmap

数据分组
无限加载

FAQ

存在固定列时，联动滚动可能会存在少许延迟。此问题只会出现在开发环境，生产模式下不会存在此问题。

Breaking Changes

api.completeEdit 不再触发onEditSave事件，改而触发onComplete事件，这是为了实现可连续同时编辑、新增、删除操作而不得不产生的更改，因为当处于此种场景时，原onEditSave事件，无法确定当前的状态是编辑、新增还是删除（因为它们可同时存在）。 onComplete事件定义如下：onComplete:function({newData,inserted,deleted,changed})
api.editRows、api.editAll、api.deleteData、api.insertData、api.modifyData 不再标识对应的编辑状态（原有操作亦无法正确标识），这将会导致使用以上api方法时，默认的保存按钮事件(onEditSave)将无法获取到正确的数据。你应该使用completeEdit、onComplete代替。

table virtualized tree-table data-table data-list list

bignumber.js lodash prop-types react-base-datagrid react-dnd react-dnd-html5-backend react-sortable-hoc

@infinitebrahmanuniverse/nolb-tab @everything-registry/sub-chunk-2871

2 months ago

2 months ago

5 months ago

5 months ago

6 months ago

11 months ago

8 months ago

9 months ago

10 months ago

10 months ago

8 months ago

8 months ago

1 year ago

12 months ago

12 months ago

12 months ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

2 years ago

2 years ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago