2023年6月20日发(作者：)

table固定列横向滚动_解决elementui合计⾏在滚动条下⽅的问题这段时间做后台管理项⽬,涉及到element表格的合计功能,但是当出现横向滚动条的时候发现合计⼀⾏在滚动条的下⽅,不符合产品需求.百度了⼀下,⽹上好多处理⽅案,基本上都是修改样式,如下⾯的代码:.el-table { overflow: auto;} .el-table--scrollable-x .el-table__body-wrapper { overflow-x: visible; } .el-table__body-wrapper, .el-table__header-wrapper, .el虽然这样也可以解决.但是,如果要求固定列的话,就会出现固定列和合计错位.还是解决不了问题.然后就⾃⼰⼿写⼀个合计⾏,解决问题.上代码关键代码就是这⾥了单独拿出来,这⾥的’‘合计’’ 判断可以根据⾃⼰的实际情况来处理,如果后端返回的数据不是Number类型,需要转换的话就不能这么判断了.看最终效果

2023年6月20日发(作者：)

table固定列横向滚动_解决elementui合计⾏在滚动条下⽅的问题这段时间做后台管理项⽬,涉及到element表格的合计功能,但是当出现横向滚动条的时候发现合计⼀⾏在滚动条的下⽅,不符合产品需求.百度了⼀下,⽹上好多处理⽅案,基本上都是修改样式,如下⾯的代码:.el-table { overflow: auto;} .el-table--scrollable-x .el-table__body-wrapper { overflow-x: visible; } .el-table__body-wrapper, .el-table__header-wrapper, .el虽然这样也可以解决.但是,如果要求固定列的话,就会出现固定列和合计错位.还是解决不了问题.然后就⾃⼰⼿写⼀个合计⾏,解决问题.上代码关键代码就是这⾥了单独拿出来,这⾥的’‘合计’’ 判断可以根据⾃⼰的实际情况来处理,如果后端返回的数据不是Number类型,需要转换的话就不能这么判断了.看最终效果