- 修复多级表头使用
headerRenderer
无效的问题
- 兼容
element-plus
最新版v2.8.0
,适配el-pagination
新增的size
属性,使用pagination.size
替换表格paginationSmall
属性
- 使用
tableKey
替换表格拓展的key
属性,防止和vue
内部key
属性产生命名冲突
- 表格的
table-column
新增过滤弹出框的类名filterClassName
- 添加是否是服务端渲染
ssr
全局配置
- 分页样式优化
- 添加自定义命名空间和
nuxt3
示例 - 提供表格整体所需的单独的
@pureadmin/table/dist/style.css
文件 - 提供内置国际化(简体中文:
zhCn
、繁体中文:zhTw
、美国英语:en
)支持,当然内置的国际化文件是精简后的,也就是只内置表格完整组成所需的国际化文件。
- 权重最高,组件可传
locale
属性,代表国际化配置,可传zhCn
、zhTw
、en
也可以自定义国际化,配置后会覆盖下面2
、3
方法; - 权重第二,使用
app.use
全局注册PureTable
时,在第二个参数中可传两个可选属性,第一个属性locale
代表国际化配置,可传zhCn
、zhTw
、en
也可以自定义国际化,第二个属性i18n
,需要配合vue-i18n
,将element-plus
的国际化文件配置到vue-i18n
,统一传入i18n
属性中后@pureadmin/table
就会根据当前语言环境自适应表格国际化,如下
app.use(PureTable, {
locale: "zhCn",
i18n // 如果配置了i18n,上面的locale就无需配置,它会根据当前语言环境自适应
});
3.权重最低,使用element-plus
提供的 ConfigProvider 在 app.vue
中配置全局的国际化,如果使用 ConfigProvider
,就不要使用上面2
方法了,因为2
方法权重第二,使用后会覆盖ConfigProvider
,也就是ConfigProvider
对PureTable
无效了
- 完全兼容
nuxt3
- 优化类型
- 修复表格同时设置
border
和adaptive
后,表头边框消失
- 新增
cdn
示例静态页面在线地址 https://pure-admin.github.io/pure-admin-table/cdn.html
- 修复
cdn
模式报错Uncaught ReferenceError: process is not defined
- 修复
Cannot find type definition file for '@pureadmin/table/volar'
警告
- 修复表格
loadingConfig
属性中background
配置无效的问题
- 优化
setAdaptive
和setHeaderSticky
方法,确保在DOM
更新后执行
- 导出
AdaptiveConfig
类型
- 新增
adaptive
表格属性,支持表格自适应内容区高度 - 新增
adaptiveConfig
表格属性,自适应内容区高度相关配置(offsetBottom
:表格距离页面底部的偏移量,默认值为96
、fixHeader
:是否固定表头,默认值为true
、timeout
:页面resize
时的防抖时间,默认值为60
ms、zIndex
:表头的z-index
,默认值为100
) - 新增并暴露出
setAdaptive
方法,可以设置表格自适应高度(用于表格外的元素高度改变或者元素隐藏时主动对表格进行自适应高度调整) - 新增并暴露出
setHeaderSticky
方法,可以设置表头为sticky
布局
- 修复设置表格属性
table-layout="auto"
后,表头不会固定的问题
- 添加自定义表头的内容插槽
headerSlot
,可在template
中使用
TableColumns
中hide
属性支持Boolean
类型
- 适配
el-table
新增的tooltipOptions
属性
- 分页事件名变更
size-change
变更为page-size-change
、current-change
变更为page-current-change
- 优化表格渲染
- 添加
loading
、loadingConfig
表格属性,可配置自定义加载动画,加载动画已适配暗黑模式
- 新增表格
key
属性,唯一键,如果单个页面有多个表格实例,但是您只获取到一个表格实例,设置key
即可解决,不过大多数情况下不需要设置,会自动处理 - 新增表格
rowHoverBgColor
属性,鼠标经过行时,行的背景色,默认--el-table-row-hover-bg-color
,具体看 theme-chalk/src/table.scss
TableColumn
的prop
支持传函数,用于动态改变prop
,应用场景:列拖拽
- 支持多级表头(表头分组),
columns
中传children
即可
- 表格传
alignWhole
替换align
属性,@pureadmin/table
的align
属性跟element-plus table
的align
属性有突出,注意这个align
不是columns
里的,而是全局的
- 完善类型
- types: supplement type
- add
vitest
unit test
- fix table
append
andempty
slot
- add
pagination
component
- types files
- add
columns
、align
、headerAlign
、showOverflowTooltip
、hide
、cellRenderer
、headerRenderer
、slot
props, on the basis of maintaining the table attribute inelement-plus