Element ui plus 中 table scroll 自动触底

最新推荐文章于 2025-03-13 14:59:12 发布

April_zk

最新推荐文章于 2025-03-13 14:59:12 发布

阅读量1.2k

点赞数 11

文章标签： ui vue.js 前端

本文链接：https://blog.youkuaiyun.com/qq_45747074/article/details/136369912

版权

Element ui plus 中 table scroll 自动触底

场景：添加客户等级的时候，新增的客户等级 input 框被 scroll 遮挡、重叠，需要保证 scroll 保持在最底部接可以解决遮挡、重叠。

在这里插入图片描述

el-table 在设置了 height 后，会选择将 table 表头固定

<el-table :height="tableData.length*40+50>tableHeight?tableHeight:tableData.length*40+50" :data="tableData"
              style="width: 100%;"
              ref="TableRef"
              :cell-style="{ textAlign: 'center' }"
              v-loading="loading"
              :header-cell-style="{ 'text-align': 'center',background: '#f9f9f9', color: 'black',padding:'16px 0px'}"
    >
//table 中的其他内容
</el-table>

获取ta