21 table tbody { 22 display: block; 23 height: 80px; 24 overflow-y: scroll; 25 } 26 27 table thead, 28 tbody tr { 29 display: table; 30 width: 100%; 31 table-layout: fixed; 32 } 33 /*关键设置:滚动条默认宽度是16px 将thead的宽度减16px*/ 34 table thead { 35 width: calc( ...
一、前言说明 网上一搜索,千篇一律的设置el-table__fixed,如: .el-table__fixed{// 左固定列 height:auto !important;bottom:18px; }.el-table__fixed-right{// 右固定列 height:auto !important;bottom:18px; } 此方法存在较多问题: 1.导致表格错位,还要去调整错位问题,也会导致更多浏览器兼容错位问题 ...
检查el-table的CSS样式,确认是否有覆盖或影响滚动条显示的设置: 检查是否有全局CSS样式或特定样式覆盖了el-table的滚动条设置。你可以通过浏览器的开发者工具(F12)来查看el-table及其父元素的CSS样式,确保没有overflow: hidden等可能隐藏滚动条的样式。 确认浏览器是否支持并正确显示了滚动条: 尝试在其他元素上设置固...
在css上设置如下代码就可以了 table tbody { display:block;height:200px;overflow-y:scroll;-webkit-overflow-scrolling: touch; // 为了滚动顺畅 } table tbody::-webkit-scrollbar { display: none; // 隐藏滚动条 } table thead, tbody tr { display:table;width:100%;table-layout:fixed;} table thead...
el-table表格设置滚动条 el-table表格设置滚动条 el-table超出⼀定⾼度设置滚动条两种⽅法，设置height和max-height都可出现滚动条。1、给table设置height属性为250，表格固定有300px这么⾼。<el-table :data="tableData"height="250"border style="width: 100%"> 2、给他变了设置max-height为300，表格...
固定列覆盖了滚动条,所以不能滚动 .el-table--scrollable-x .el-table__body-wrapper { z-index: 1; }
CSS 设置table下tbody滚动条 table tbody { display:block; height:195px; overflow-y:scroll; } table thead, tbody tr { display:table; width:100%; table-layout:fixed; }