确认el-table是否已正确设置最大高度属性: 确保你在el-table组件上正确设置了max-height属性。例如: html <el-table :data="tableData" max-height="400"> <!-- 表格列定义 --> </el-table> 检查el-table的CSS样式,确认是否有覆盖或影响滚动条显示的设置: 检查是否有全局CSS样式...
只需要设置样式,自己考虑需不需要加穿透 /deep/ .el-table { display: flex; flex-direction: column; .el-table__header-wrapper { flex-shrink: 0; } .el-table__body-wrapper { flex-grow: 1; } }
用el-table 想让表格高度根据屏幕动态展示,用max-height后发现内容超过高度不展示滚动条 查阅后发现默认是隐藏,而不是滚动展示 如果想让展示,则可以用样式加上overflow-y: auto 全部代码如下 <template><el-tablesize="small":data="tableData":max-height="tableHeight"style="width: 100%; overflow-y: auto"...
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渲染,表格的...
通过设置 max-height 属性为 el-table 指定最大高度。 此时若表格所需的高度大于最大高度,则会显示一个滚动条。 ⑥、为什么要给每一列定义【min-width】属性?为什么不使用【width】属性? 这是官方文档说明: 我们要实现的功能是数据表格列的动态显示与隐藏,如果使用width属性的话,当所有显示的列宽度小于当前屏幕会...
在el-table上设置 :max-height="undefined" 即可去除自动显示的高度限制。如果希望el-table的高度随着内容自适应,可以设置 :height="'auto'"。同时,可以使用scroller-slot插槽来自定义表格的滚动条。| 本文内容通过AI工具匹配关键字智能整合而成,仅供参考,火山引擎不对内容的真实、准确或完整作任何形式的承诺。如有...
height: auto!important; bottom: 5px!important;//横向滚动条高度}/deep/ .el-table__fixed-body-wrapper { max-height: calc(100% - 36px) !important;//36px是设置的列表统一行高bottom:0!important; }/deep/ .el-table__fixed-right-patch { ...
通过设置 max-height 属性为 el-table 指定最大高度。 此时若表格所需的高度大于最大高度,则会显示一个滚动条。 ⑥、为什么要给每一列定义【min-width】属性?为什么不使用【width】属性? 这是官方文档说明: 我们要实现的功能是数据表格列的动态显示与隐藏,如果使用width属性的话,当所有显示的列宽度小于当前屏幕会...
// el-table标签里设置height为100%height="100%"// 设置最高高度,并隐藏溢出部分style="width: 100%;max-height: 600px;overflow: auto;"// 右上角缺失部分填充颜色/deep/.el-table.el-table__cell.gutter{background-color:#B5DBF0!important;}...