el-table 固定前n行 配合 max-height 生效

本文主要是介绍el-table 固定前n行 配合 max-height 生效，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

 

 :row-class-name="TableRowClassName"   加上类名 

   <el-table:data="computedTableList"borderstyle="width: 100%":row-class-name="TableRowClassName"max-height="800"><el-table-column fixed prop="name" align="center" width="185" :key="1"></el-table>function TableRowClassName ({ row, rowIndex }) {if (row.isFalseData) {return 'top_bgc fixed-row'}if (row.isSticky) {return 'sticky_bgc'}}// 顶部固定 悬浮:deep(.el-table tr.el-table__row.fixed-row) {position: sticky; //粘性定位position: -webkit-sticky;z-index: 999;}:deep(.el-table tr.el-table__row.fixed-row:nth-of-type(1)) {top: 0;  }:deep(.el-table tr.el-table__row.fixed-row:nth-of-type(2)) {top: 94px;  // 根据每一行的高度自行调整}:deep(.el-table tr.el-table__row.fixed-row:nth-of-type(3)) {top: 188px;}

这篇关于el-table 固定前n行 配合 max-height 生效的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---