javascript - 数据表滚动条有时会​​消失

Question

   $(selector).DataTable({
            scrollX: true,
            autoWidth: false,
    });

这是我的表初始化部分。

const bindDataToTable = function({data = [], ...rest}) {
  const table = $("#table").DataTable();
  table.clear().draw();
  table.rows.add(data).draw();
  
    return Promise.resolve(Object.assign(
        {data: data},
        rest
    ));
}

这是将数据绑定(bind)到表的一部分。每次单击分页时，无论是否有滚动条，都重复。我想要修复 x 轴滚动条。

here is Jsfiddle

Answer 1

每当单击分页时，滚动条就会间歇性消失。

此修复解决了问题。

.dataTables_scrollHead {
  overflow: hidden;
  position: relative;
  width: 100% !important;
}
.dataTables_scrollBody {
  position: relative;
  overflow: auto;
  width: 100% !important;
}