2015-04-14 7 views
1

Я использую Bootstrap 3 + Datatables 1.09, и все в порядке. Я попытался перейти на Datatables 1.10, и сине-белый полосатый рисунок моих таблиц больше не появляется. Если я добавлю таблицу «table table-striped» в таблицу, полосатый рисунок будет серо-белым. Как я могу восстановить свой оригинальный синий полосатый рисунок? С уважением, Патриксине-белый полосатый рисунок строк потерян с Datatables 1.10 + Bootstrap

ответ

1

Bootstrap 3 example на сайте DataTables действительно показывает таблицу с серым/белым узором, этот стиль определяется в CSS файле Bootstrap. Трудно сказать, почему стиль потерян после обновления, не глядя на ваши файлы CSS и их порядок.

Чтобы переопределить этот шаблон, добавьте следующий код перед закрывающим тегом </head> и добавьте класс table-striped в таблицу.

<style type="text/css"> 
/* BOOTSTRAP 3 TWEAKS */ 
.table-striped > tbody > tr:nth-of-type(2n+1), 
.table-striped > tbody > tr.odd { 
    background-color: #D9EDF7; 
} 
.table-striped > tbody > tr.even { 
    background-color: #FFF; 
} 
</style> 

UPDATE: Обновленный CSS, чтобы цвет четные строки, а также.

+0

Спасибо за помощь. Он по-прежнему серый с вашей модификацией, но, как ни странно, он работает, если я заменю даже на нечетные (конечно, синие строки являются четными). – Patrick

+0

Обновлен код, чтобы покрасить четные строки. Обратите внимание, что эта настройка повлияет на все таблицы Bootstrap. Если вы хотите портировать только таблицы с таблицами с таблицами DataTables, замените '.table-striped' на' .table-striped.dataTable'. –

+0

Все еще серый и белый с вашей модификацией. Белый и синий, если я поменяю странно и ровно. – Patrick

Смежные вопросы