Releases: NexxLuo/tablex
Releases · NexxLuo/tablex
优化滚动;添加数据分组功能
新特性:支持表头行列合并,自动行高
1.columns支持配置rowSpan
、colSpan
2.支持行自动高度,使用autoRowHeight:true
开启。启用此选项后,行内容将进行自动换行,以及会被行内容的实际渲染高度所撑高。此配置一定程度上会牺牲一些性能。
详情见文档
新特性:支持shift、拖拽快捷选中
支持shift、拖拽快捷选中
bug修复,优化rowSelection
1.修复v1.9.8
rowSelection
造成的部分bug;
2.优化rowSelection.selectType
新增rowSelection属性支持,移除import antd.css
1.添加autoHeight属性,支持表格高度随行数据条数自动变化
2.添加rowSelection属性,大部分兼容ant table rowSelection
3.添加rowSelection.selectType单独控制行单选模式、rowSelection.selectInverted控制点击选中行是否可反选
4.添加editorClickBubble属性,控制编辑器是否允许点击事件冒泡,默认为false
5.剥离对antd的样式依赖,内部不再import antd.css
修复滚动后行合并样式消失的bug,添加新的拖动表格组件
1.修复滚动后行合并样式消失的bug
2.添加新的拖动表格组件DraggableTable,详见文档
添加多个api方法,快捷操作表格
1.添加了一组针对数据编辑的方法
2.添加了一些常用操作的方法
详情见 API
支持colSpan、rowSpan
- 支持colSpan、rowSpan,使用方式同antd/table;
如下:
{
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数据量下,树形数据的展开,多选,编辑操作,已无明显卡顿现象。