Ожидаемое поведение
У меня есть веб-страница, содержащая таблицу со многими столбцами. Для каждой ячейки таблицы это может быть короткий текст или очень длинный текст. Поэтому я хочу иметь горизонтальную полосу прокрутки для хорошего отображения всех типов текста, будь то длинный или короткий.
Окружающая среда
Angular 5 (https://angular.io) и DataTables (https://datatables.net)), который является подключаемым модулем для библиотеки jQuery Javascript для разработки.
Первая попытка
Я использовал горизонтальную полосу прокрутки для отображения множества столбцов. Как упоминается в официальной документации DataTables (https://datatables.net/examples/basic_init/scroll_x.html), я инициализировал свою таблицу с параметром "scrollX": true;, но обнаружил, что в таблице нет горизонтальной полосы прокрутки. 
Вторая попытка
После установки опции "scrollX": true; я добавил class="nowrap" в свою таблицу, горизонтальная полоса прокрутки появилась, но длинный текст не мог хорошо отображаться. 
ДЕМО-ССЫЛКА Вы можете проверить это на этой веб-странице, на ней есть два таблицы с параметром "scrollX": true;, верхняя имеет class="nowrap", а нижняя — нет.
Вопрос
- Почему у таблицы нет горизонтальной полосы прокрутки после установки опции
"scrollX": true;? - Как ширина столбцов может автоматически изменяться в зависимости от длины текста после установки
class="nowrap"?
Кроме того, любые другие решения или идеи приветствуются.
