php datatable固定住前几列为啥会有横向滚动条，怎么去掉呢？

Posted 2023-03-22

使用datatable固定住前五列，但是为什么这五列下面出现滚动条，怎样去掉？

是不是设置了

"scrollX": true

追问

设置的是false.
var table = $('#example2').DataTable(
ordering:false,
searching:false,
serverSide:false,
info:false,
scrollY: "600px",
scrollX: false,
scrollCollapse: true,
paging: false,
lengthChange:false
);
new $.fn.dataTable.FixedColumns(table,
leftColumns:5,
);

参考技术A 当我们使用element table，有时我们需要部分的列固定，我们就给列添加了 fxied属性，但是这时候你会发现table的横向滚动条很难拖动，查找原因你会发现原来是固定的列把滚动条给挡住了，只有超出固定的部分滚动条才可以拖动。

解决办法：
1.修改el-table__fixed样式

.el-table
.el-table__fixed
height:auto !important;
bottom:17px !important;


效果：就是设置bottom值，使得不盖住滚动条。缺点：不适用与含有合计的table,如果含有合计，合计也会上移。

2.修改el-table__body-wrapper样式的层级，随便设个层级就可

.el-table__body-wrapper
z-index: 2