Element 组件 el-table 固定表头

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

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

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

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

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

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

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

猜你喜欢

转载自blog.csdn.net/qq_39291919/article/details/108928590