полоса прокрутки данных иногда исчезает

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

это часть привязки данных к таблице.Каждый раз, когда я нажимаю на нумерацию страниц, повторяю, есть ли полоса прокрутки.Я хочу, чтобы полоса прокрутки оси x была зафиксирована.

здесь Jsfiddle

Answer 1

Полоса прокрутки периодически исчезает при нажатии на нумерацию страниц.

Это исправление решает проблему.

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