vue+elementui 动态固定el-table头部
程序员文章站
2023-12-31 15:52:46
...
1.静态固定
el-table 里加 max-height="633” 或者height="633”
<el-table ref="multipleTable" max-height="633” :data="tableData" stripe tooltip-effect="dark" style="width: 100%;" > </el-table>
2.动态固定 calc添加
(1)el-table 里加 class=“el-table–scrollable-y”
<el-table ref="multipleTable" :data="tableData" stripe **class="el-table--scrollable-y"** tooltip-effect="dark" style="width: 100%;" > </el-table>
(2)/* 固定el-table头部 */
.el-table__body-wrapper.is-scrolling-none{
max-height: calc(100vh - 352px);
}
/* 固定el-table头部 */
.el-table__body-wrapper.is-scrolling-none{
max-height: calc(100vh - 352px);
}
效果: