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

发布网友发布时间：2022-05-19 04:39

共2个回答

热心网友时间：2024-03-04 12:06

是不是设置了

"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,
});

热心网友时间：2024-03-04 12:06

当我们使用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