前端
Element
Element-ui table组件表头sticky
GzhiYi · 2020-05-29

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如果没有效果,检查:

  1. toprightleft或者bottom属性是否有设置。
  2. 在table组件中设置层级,以免被遮挡。
  3. sticky对象的祖先元素不能设置overflow: hidden;
如果你对这页内容有疑问,欢迎联系我!
邮箱
github