Я использую этот шаблон с Creative-Tim.com.
Вот ссылка на файл, над которым я работаю.
The html файл, содержащий рассматриваемую таблицу: bs4 / examples / page1. html
Файл css - это ../assets/css/page1.css, а файл js -. ./assets/js/page1.js.
Моя таблица данных определена как таковая:
$('#datatables').DataTable( {
"initComplete": function(settings, json) {
},
"searching": false,
orderCellsTop: true,
fixedHeader: true,
"paging": false,
"pageLength": 10,
"lengthChange": false,
responsive: true,
} );
У меня есть таблица данных, настроенная на отзывчивость. Однако, когда таблица данных сжимается и одна из строк выбирается и расширяется, строка выходит за границу dry таблицы. Я внес изменения в таблицу данных css в css файле page1. css, благодаря чему таблица выглядит более компактной и аккуратной, однако проблема возникает сама собой.
Я считаю, что это из-за строки white-space: nowrap; на странице 1. css в строке 132 (если я не ошибаюсь). Как сделать так, чтобы таблица выглядела так, как она есть, без проблем?