返回
评论
Element-ui table组件表头sticky
element组件表头未支持sticky相关api。可以通过如下css处理:
// 表头sticky
.el-table__footer-wrapper,
.el-table__header-wrapper {
position: sticky;
top: 48px;
overflow: inherit !important;
z-index: 99;
}
.el-table--small {
overflow: inherit;
}
说明:
position: sticky
如果没有效果,检查:
top
、right
、left
或者bottom
属性是否有设置。- 在table组件中设置层级,以免被遮挡。
- sticky对象的祖先元素不能设置
overflow: hidden;