Element 组件 el-table 固定表头

    科技2022-08-13  217

    官方文档的说明:纵向内容过多时,可选择固定表头。只需要给 el-table 添加 height 属性即可:

    <el-table height="800"></el-table>

     

    但是这样有个问题:如果数据量过少,则会显示一片留白:

     

    此时可以使用流体高度。只需要使用 max-height 即可根据数据量动态调整大小。

    如果表格数据量较少,小于 max-height,则高度由数据量高度决定,不会有留白;

    如果表格数据量较多,大于了 max-height,则会出现滚动条。

    <el-table max-height="300"></el-table>

     

    Processed: 0.009, SQL: 8