你可以通过浏览器的开发者工具(F12)来查看el-table及其父元素的CSS样式,确保没有overflow: hidden等可能隐藏滚动条的样式。 确认浏览器是否支持并正确显示了滚动条: 尝试在其他元素上设置固定高度和overflow属性来测试浏览器是否支持滚动条。例如: html <div style="height: 200px; overflow: auto;"> <...
解决el-table设置max-height内容超出不出现滚动条的问题 只需要设置样式,自己考虑需不需要加穿透 /deep/ .el-table { display: flex; flex-direction: column; .el-table__header-wrapper { flex-shrink: 0; } .el-table__body-wrapper { flex-grow: 1; } }...
查阅后发现默认是隐藏,而不是滚动展示 如果想让展示,则可以用样式加上overflow-y: auto 全部代码如下 <template><el-tablesize="small":data="tableData":max-height="tableHeight"style="width: 100%; overflow-y: auto"></el-table></template><script>export default{ data(){ return{ tableHeight: 'c...
el-table超出一定高度设置滚动条两种方法,设置height和max-height都可出现滚动条。 1、给table设置height属性为250,表格固定有300px这么高。 <el-table:data="tableData"height="250"border style="width: 100%"> 2、给他变了设置max-height为300,表格数据超出250。如果表格只有一条数据,且高度没有超过300.表格...
因为表格条数太多,想设置固定高度解决。设置max-height相对友好很多。但是发现element UI el-table 在计算table高度的时候有问题,在高度没有500px的情况下有时候会出现滚动列 环境 Element UI :2.13.0 问题页面 在操作后面多了一列,其实这里是滚动条预留的列,只是这里表格高度完全不需要滚动。看了下css渲染,表格的...
<el-table :max-height="maxHeight" :key="reload" :data="serverData" v-loading="loading" style="width: 100%" > <el-table-column type="index" label="序号" min-width="100" key="Math.random()" align="center" ></el-table-column> ...
在el-table上设置 :max-height="undefined" 即可去除自动显示的高度限制。如果希望el-table的高度随着内容自适应,可以设置 :height="'auto'"。同时,可以使用scroller-slot插槽来自定义表格的滚动条。| 本文内容通过AI工具匹配关键字智能整合而成,仅供参考,火山引擎不对内容的真实、准确或完整作任何形式的承诺。如有...
}/deep/ .el-table--scrollable-x .el-table__body-wrapper::-webkit-scrollbar{height:7px !important;// 这里改为7px,是因为横向滚动条不知什么原因被挤压成了一条线,不好拖拽,因此加高一下}/deep/ .el-table--fluid-height .el-table__fixed{bottom:5px !important; ...
通过设置 max-height 属性为 el-table 指定最大高度。 此时若表格所需的高度大于最大高度,则会显示一个滚动条。 ⑥、为什么要给每一列定义【min-width】属性?为什么不使用【width】属性? 这是官方文档说明: 我们要实现的功能是数据表格列的动态显示与隐藏,如果使用width属性的话,当所有显示的列宽度小于当前屏幕会...