0.39.0
❗️BREAKING CHANGES
Table 组件使用 Composition API
重构,pr #365,@chaishi
- BaseTable HTML 结构变更,写过 CSS 样式覆盖的同学需注意更新样式
- 表头更为使用
th
标签,之前为td
,不符合语义 - 事件
row-db-click
更为row-dblclick
,onRowDbClick
更为rowDblclick
- 事件
row-hover
更为row-mouseover
,onRowHover
更为onRowMouseover
(本没有 rowHover 事件) - CSS 类名
t-table__row-first-full-row
更为t-table__first-full-row
,t-table__row-last-full-row
更为t-table__last-full-row
🐞 Bug Fixes
- Affix: 修复
onFixedChange
触发时机,在固定状态发生变化时才会触发该事件(改动之前为:滚动一直触发) - Table:
- 自定义列配置功能:多级表头和列显示配置同时存在时,无法进行正确的列配置的问题,列配置仅显示了第一层表头
- 多级表头和固定列同时存在时,固定列有问题,issue #465
verticalAlign
不生效问题,issue #372- 右上角出现文字穿透问题,issue #383
- 固定表头和固定列,全部使用 CSS sticky 输出样式,组件仅渲染一个表格,表头和表内容不再分开渲染输出。不仅支持
table-layout: fixed
模式,同时也支持table-layout: auto
模式 - 设置
tableLayout: auto
,固定表头异常,issue #278 - 设置
tableLayout: auto
,maxHeight
显示异常,issue #371 - #issue 432
- Table组件 BaseTableCol 配置项 fixed 和 ellipsis(true) 属性共存导致fix阴影无法显示, issue #392
- 多级表头的表格 改变children的宽度无效 issue #367
- table 组件使用 PrimaryTable 控制台报错 t-primary-table 未注册issue #373
- 表格组件设置 height 或 maxHeight 后未出现滚动条的时候竖线不对齐,issue #378
- 修复,排序图标和过滤图标同时存在时,样式异常问题
🌈 Features
- Table:
- 排序交互变更:排序方式支持点击直接排序issue #480
- 优化表格最后一列
ellipsis
浮层位置底部右对齐 - 新增超出省略功能,
ellipsis
支持透传 Popup 组件全部属性 - 新增表尾合计行,支持固定在底部,支持多行合计,支持完全自定义内容 issue #116
- 新增
loadingProps
透传加载组件全部特性 - 新增固定行(冻结行)
- 虚拟滚动,issue #74,@Louiszhai
- 新增排序图标自定义,插槽(slot='filterIcon')和渲染函数(props.filterIcon) 均可
- 新增全局配置:过滤图标、空元素、异步加载文本配置、排序按钮文本配置
- 新增
scroll
滚动事件 - 新增表头吸顶功能,issue #216
- 新增综合功能:多级表头 + 固定表头 + 固定列 + 表头吸顶 + 虚拟滚动 + 自定义列配置
- 过滤功能,条件为真时,高亮筛选图标