elemen table height固定表头 +el-scrollbar。
<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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
去掉
el-scrollbar
标签,在table
标签上 写个max-height="xxx"
,若表格所需的高度大于最大高度,则会显示一个滚动条。