elemen table height固定表头 +el-scrollbar。

发布于 2022-09-12 02:32:30 字数 968 浏览 13 评论 0

 <el-scrollbar style="width:100%;height:100%">
          <el-table border @row-click="tableRow" height="100" tooltip-effect="dark" :header-cell-style="{background:'#539a98',color:'#fff'}"
              @cell-mouse-enter="rowHoverChangeIn" @cell-mouse-leave="rowHoverChangeOut"
              :data="tableData"
              :show-summary="tableSetting.showSummary"
              highlight-current-row
              v-loading="tableLoading"
              @selection-change="handleSelectionChange"
              @select="handleSelect"
              @select-all="handleSelect"
              style="width: 100%;"
              ref="multipleTable"
              row-key="uuid"
          >
          </el-table>
 </el-scrollbar>

el-scrollbar可以隐藏滚动条,只要我在table 加上height=“100”准备固定表头,前面的el-scrollbar就没效果了,请问是我这样使用的吗?### 问题描述

问题出现的环境背景及自己尝试过哪些方法

相关代码

粘贴代码文本(请勿用截图)

你期待的结果是什么?实际看到的错误信息又是什么?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

歌入人心 2022-09-19 02:32:30

去掉 el-scrollbar 标签,在 table 标签上 写个 max-height="xxx",若表格所需的高度大于最大高度,则会显示一个滚动条。

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文