Datatables FixedColumns С требованием «nowrap»

Question

У меня есть большой табличный объем данных, где всегда должен отображаться самый левый столбец, где каждая строка должна занимать только одну строку, что может быть достигнуто с помощью директивы CSS white-space: nowrap.

Я выбрал DataTables jQuery plugin вместе с его FixedColumns extension, который подходит для счета довольно хорошо для того, что я ищу.

Однако Internet Explorer (версия 11 - это то, что у меня есть). Я вижу, что сетка не выравнивается правильно - фиксированный столбец имеет собственную полосу прокрутки, а заголовки таблиц больше не согласуются с соответствующими столбцами ,

Я создал JSFiddle, чтобы продемонстрировать проблему - http://jsfiddle.net/tczwysao/11/. Вы можете видеть, что если вы прокомментируете директиву с пробелом, тогда столбцы выстраиваются в линию. Но мне нужен самый левый столбец, чтобы оставаться на одной линии.

Есть ли ошибка в том, как я это сделал или может кто-нибудь предложить обходной путь?

Answer 1

Похоже, что высота DTFC_LeftBodyWrapper и DTFC_LeftBodyLiner неправильно установлены в одном из ваших плагинов (это проблема с полосой прокрутки). Если вы заходите туда с помощью Firebug и удаляете заданную высоту на этих элементах, панель исчезает.

Что касается заголовков столбцов, это довольно ужасный взломать, но я поместил немного прокладки вокруг заголовка, и он смог чтобы установить ширину заголовков вправо.

<th class="fixed-column" style="padding: 0 70px">Fixed Column</th> 

скрипку здесь: http://jsfiddle.net/tczwysao/7/ хорошо выглядеть в светлячок для меня, но я чувствую себя немного жирного о том, что обходной путь.

Answer 2

Вы забыли загрузить Bootstrap и добавить соответствующие классы таблиц table table-striped table-bordered.

См. this jsFiddle для демонстрации исправленного кода.