因滚动条导致的表头错位 */ .el-table--scrollable-y.el-table__body-wrapper.is-scrolling-right { width: calc(100% + 6px); /* 6px为竖向滚动条宽度 */ } /* 解决固定列导致的表头错位 */ .el-table__fixed-body-wrapper .el-table__body { padding-bottom: 6px; /* 6px为横向滚动条高度 ...
网上一搜索,千篇一律的设置el-table__fixed,如: .el-table__fixed{// 左固定列 height:auto !important;bottom:18px; }.el-table__fixed-right{// 右固定列 height:auto !important;bottom:18px; } 此方法存在较多问题: 1.导致表格错位,还要去调整错位问题,也会导致更多浏览器兼容错位问题 2.bottom的固...
1.doLayout(官方提供) 对Table 进行重新布局。当 Table 或其祖先元素由隐藏切换为显示时,可能需要调用此方法。 2.<el-table>标签上加一个class="table-fixed" 这个通过设置优先级覆盖内联样式 3.el-table-column增加width 这个是网上一个大神经过一系列排查和非人类的试探后,总结出来。 操作一列中,fixed=“right...
ElementUI中el-table设置指定列固定不动,不受滚动条影响: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/108141038 给el-table设置fixed属性之后就可以使该列固定不动。 但是出现了错位的情况,每一行不对应。 注: 博客: https://blog.csdn.net/badao_liumang_qizhi 关注公众号 霸道的程序猿 获取...
1.在el-table的一些列加fixed后,固定列的横向滚动条无法拖动问题: (1)加样式 1-1 如果有合计行的,适当增加bottom的值 (2)加上样式后,因为固定列有bottom: 17px的距离,会导致不固定列的滚动到底部后,与左侧发生错位 1-2 这时需加上: 1-3 2.有纵向滚动条,在横向拖到最右侧时,导致表格位置错乱 ...
//设置x轴滚动 tableWrapper.style.overflowX = 'auto' //解决固定列错位 (没有错位的可以忽略以下内容) let fixedWrap = table.querySelectorAll('.el-table .el-table__fixed-body-wrapper') if (fixedWrap.length > 0) { fixedWrap.forEach(item => { ...
.admin_wrapper /deep/{.el-table__fixed{box-shadow:none;}}.admin_wrapper /deep/{.el-table__fixed{&::after{position:absolute;top:0;right:0;bottom:0;content:'';z-index:100;width:1px;box-shadow:0 0 5pxrgba(190,190,190,1);}}}</style> ...
可怎么改都不行,只能把全局的覆盖去掉,单独给这个table组件写一个样式,而不用覆盖式的css写法,但这样导致只能改滚动条的颜色样式,el-table那一小块缺口是固定死15px,就是改不了宽高了,很郁闷,求大神给个解决方案。 .el-table__fixed-body-wrapper .el-table__body{padding-bottom:8px} ...
/deep/ .el-table__fixed-right,.el-table__fixed-body-wrapper{ height: 100% !important; } 1. 2. 3. 4. 5. 6. 如果上面这段代码没有解决你的问题,请检查你的滚动条是否是正确滚动条。 固定列的高度是和表格内容所显示的高度是保持一致的,并且固定列数据是通过滚动来显示的。如果没有使用表格内部的...