Как я могу запретить строкам таблицы datatable выходить за границу? - PullRequest
0 голосов
/ 19 июня 2020

Я использую этот шаблон с 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 (если я не ошибаюсь). Как сделать так, чтобы таблица выглядела так, как она есть, без проблем?

...