介绍

@rtdui/datatable包提供的一个全功能的数据表格组件(DataTable)和下拉数据表选择组件(DataTableSelect)

其中DataTable组件提供的功能:

• ☑ 自定义单元格显示组件
• ☑ 粘性列头/列脚
• ☑ 多行列头(分组列头)
• ☑ 隐藏/显示列
• ☑ 拖拉列头调整列大小
• ☑ 拖动列头调整列顺序
• ☑ 固定列(置顶并冻结)
• ☑ 数据表导出 Excel
• ☑ 列过滤
• ☑ 全局过滤
• ☑ 数据排序, 支持多列排序(按住 shift 键点击列头进行级联排序)
• ☑ 拖拉列头进行数据分组
• ☑ 数据分页
• ☑ 滚动虚拟化
• ☑ 树形表格
• ☑ 行选择(支持单选和多选, 多选时支持全选, 全选范围可以设置为全部行或是当页下的所有行)
• ☑ 数据编辑, 支持自定义数据验证. 修改集返回一个数据库友好的数据结构
• ☑ 移动端支持
• ☑ SSR 支持, 也支持 React v18 的 Stream SSR 渲染

DataTableSelect组件是基于 DataTable 组件实现的下拉选择.

安装

npm i @rtdui/datatable

tip: 记得安装@rtdui/hooks和@rtdui/core配对依赖, 如果还未安装的话.