Ненужная полоса прокрутки при использовании Datatables с Bootstrap 4 - PullRequest
Новая
       11

Ненужная полоса прокрутки при использовании Datatables с Bootstrap 4

0 голосов
/ 03 ноября 2019

Я использую таблицы данных начальной загрузки 4 и хотел бы сделать таблицу пригодной для использования на мобильных устройствах, чтобы при небольшом размере экрана таблицу можно было прокручивать по горизонтали, чтобы избежать разлива контейнера. Тем не менее, есть проблема в том, что даже при использовании width: 100% вместе с таблицей, я получаю проблемы.

Если я просто использую width: 100%, он будет работать идеально, пока вы не достигнете минимальной ширины, при которой таблица больше не может быть сжата, поэтому она переполняет свой контейнер, поэтому я пытаюсь использовать ее в сочетании с table-отзывчивый, и теперь я получаю постоянную горизонтальную полосу прокрутки в точках, которые ранее не требовались, поскольку таблица автоматически сжималась. Даже в 1920x1080 я все еще получаю эту крошечную полосу прокрутки. Если я попытаюсь использовать реагирующий на таблицу класс непосредственно в таблице, я потеряю форматирование. Вот код: 

<div class="table" style="width: 100%">
<div id="includedContent"></div>
    </div>

Все вышеперечисленное работает нормально, однако имеет постоянную полосу прокрутки даже на полную ширину. Если я опущу класс -responsive, он будет работать до такой степени, что он больше не будет сжат и переполняет свой контейнер. Итак, я попробовал это: 

        <div class="table-responsive" style="width: 100%">
    <div id="includedContent"></div>    
    </div>

Это всегда имеет полосу прокрутки, но в остальном работает нормально. Пожалуйста, не импортируйте данные с помощью функции jQuery .load(). Внутри этого HTML у меня есть стандартное расположение таблиц, и HTML начинается с класса таблицы. Если я изменю класс таблицы импортируемого HTML-кода на отзывчивый, он будет работать нормально, но форматирование будет странным и будет сжато по вертикали. Благодарю.

...