virtualized and extendable table component for React
defaultGroupedColumnKey
、groupedColumnKey
控制1.columns支持配置rowSpan
、colSpan
2.支持行自动高度,使用autoRowHeight:true
开启。启用此选项后,行内容将进行自动换行,以及会被行内容的实际渲染高度所撑高。此配置一定程度上会牺牲一些性能。
详情见文档
支持shift、拖拽快捷选中
1.修复v1.9.8
rowSelection
造成的部分bug;
2.优化rowSelection.selectType
1.添加autoHeight属性,支持表格高度随行数据条数自动变化 2.添加rowSelection属性,大部分兼容ant table rowSelection 3.添加rowSelection.selectType单独控制行单选模式、rowSelection.selectInverted控制点击选中行是否可反选 4.添加editorClickBubble属性,控制编辑器是否允许点击事件冒泡,默认为false 5.剥离对antd的样式依赖,内部不再import antd.css
1.修复滚动后行合并样式消失的bug 2.添加新的拖动表格组件DraggableTable,详见文档
1.添加了一组针对数据编辑的方法 2.添加了一些常用操作的方法 详情见 API
如下:
{
title:"合并",
render: (value, row, index) => {
const obj = {
children: value,
props: {}
};
if (index === 5) {
obj.props.rowSpan = 5;
obj.children = (
<div
style={{
width: 12,
wordBreak: "break-all",
whiteSpace: "pre-line",
margin: "auto"
}}
>
行数据合并
</div>
);
}
if(index === 1){
obj.props.colSpan = 2;
obj.children = (
<div
>
列数据合并
</div>
);
}
return obj;
}
}
1.添加 frozenRender,支持对数据行进行上、下 固定 2. 添加summary ,对表格数据进行汇总显示,基于frozenRender实现,无法同frozenRender同时使用 3.添加footerExtra, 额外的footer渲染,此元素将独立占据一行的空间
优化了大部分影响数据操作效率的算法,现在5W数据量下,树形数据的展开,多选,编辑操作,已无明显卡顿现象。