el-table 表头固定

一、官网给出的属性是height ,表头就可以固定,但是带来的问题就是,表格高度就定死了

el-table 表头固定_第1张图片 

el-table 表头固定_第2张图片 

 二、 如果你想高度自适应并且表头固定,那么可以通过css来实现,就可以避免高度定死的情况

// table表头固定
:deep(.el-table)  {
  overflow: visible;
}

:deep(.el-table__header-wrapper)  {
  position: sticky;
  top: 100px;//这个值根据实际情况而定
  z-index: 10;
}

你可能感兴趣的:(vue.js,elementui,前端)