欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue+elementui 动态固定el-table头部

程序员文章站 2023-12-31 15:52:46
...

1.静态固定
el-table 里加 max-height="633” 或者height="633”
vue+elementui 动态固定el-table头部

 <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);
  }

效果:
vue+elementui 动态固定el-table头部

相关标签: 饿了么

上一篇:

下一篇: