数据表变得不对齐，在向下滚动一点后更改页面

Question

当我在当前页面上没有垂直向下滚动的情况下更改页面时，正确加载了其他页面。
但是当我稍微向下滚动后更改页面时，DataTable变得不对齐
尽管这个未对齐的dataTable已经对齐如果我搜索某些内容，但我不希望数据表在页面更改时首先出现错位

这是我的配置 dTable = $("table.list").dataTable({ "iDisplayLength": 100, "fixedHeader":true, "sScrollX": "100%", "sScrollY": "440px", "aaSorting": [[3,'asc']], "columns": [ null,null,null,null,null, { "orderDataType": "dom-text-numeric" }, { "orderDataType": "dom-text", type: 'string' },{ "orderDataType": "dom-text", type: 'string' }, { "orderDataType": "dom-select" },{ "orderDataType": "dom-text", type: 'string' }, { "orderDataType": "dom-text", type: 'string' },{ "orderDataType": "dom-text", type: 'string' }, { "orderDataType": "dom-text", type: 'string' },{ "orderDataType": "dom-text", type: 'string' }, { "orderDataType": "dom-text", type: 'string' },{ "orderDataType": "dom-text", type: 'string' } ], "columnDefs": [ { "type": "num-html", targets: 4 }, { "type": "num-html", targets: 5 } ], "fixedColumns":{ leftColumns: 4 }, "autoWidth":true, 'responsive':true });

Answer 1

我不是错误的原因，但解决方案或黑客帮助了我 dTable.on("page.dt",handlePageChange); function handlePageChange(){ document.querySelector(".dataTables_scroll div.dataTables_scrollBody").scrollTop=0; }

说明：
1.在更改数据表中的页面之前，以及单击分页按钮时，将调用此函数 2.在更改页面之前，使dataTable body的scrollTop = 0;