Я использую Bootstrap 3 + Datatables 1.09, и все в порядке. Я попытался перейти на Datatables 1.10, и сине-белый полосатый рисунок моих таблиц больше не появляется. Если я добавлю таблицу «table table-striped» в таблицу, полосатый рисунок будет серо-белым. Как я могу восстановить свой оригинальный синий полосатый рисунок? С уважением, Патриксине-белый полосатый рисунок строк потерян с Datatables 1.10 + Bootstrap
1
A
ответ
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, чтобы цвет четные строки, а также.
Смежные вопросы
- 1. Bootstrap 3.2 modal с Datatables 1.10 API row.add
- 2. Datatables 1.10 функция фильтра
- 3. перевод SVG полосатый рисунок в d3
- 4. Сброс строк таблицы бутстрапа в стиле «полосатый»
- 5. Вызов fnServerData в DataTables 1.10
- 6. DataTables 1.10 кол-во столбцов
- 7. Datatables 1.10 и ajax.reload() с новыми данными
- 8. Рисунок, нарисованный в paintComponent(), сразу же потерян
- 9. Datatables 1.10 Заказ по массиву данных
- 10. Spring MVC + DataTables 1.10 Связывание параметров
- 11. JQuery DataTables 1.10 -check JSON на первый
- 12. Bootstrap с DataTables не работает
- 13. DataTables с Bootstrap и ColVis
- 14. DataTables 1.10 serverside с табличными объединениями, возвращающими ответы «null»
- 15. Рисунок непрерывных строк с d3
- 16. Styling Datatables with Bootstrap
- 17. Bootstap - Не получается «полосатый стол»
- 18. Bootstrap DataTables не работает
- 19. Условный полосатый фон с CSS
- 20. полосатый фон с двумя цветами?
- 21. DataTables & Bootstrap пагинация
- 22. Хром встроенный фоновый рисунок потерян на задней кнопке в Chrome
- 23. Как использовать плагин ввода данных JQuery DataTables с помощью DataTables 1.10
- 24. Bootstrap и Datatables Свернуть строку
- 25. Android рисунок несколько строк
- 26. Datatables 1.10 добавить столбец для кнопок редактирования и удаления
- 27. поместить данные по строке добавить на DataTables 1.10
- 28. jQuery DataTables 1.10 столбцы обработки на стороне сервера
- 29. Datatables 1.10 Отзывчивый поиск расширяется, чтобы показать дочерние строки
- 30. Полосатый фон в d3pie.js
Спасибо за помощь. Он по-прежнему серый с вашей модификацией, но, как ни странно, он работает, если я заменю даже на нечетные (конечно, синие строки являются четными). – Patrick
Обновлен код, чтобы покрасить четные строки. Обратите внимание, что эта настройка повлияет на все таблицы Bootstrap. Если вы хотите портировать только таблицы с таблицами с таблицами DataTables, замените '.table-striped' на' .table-striped.dataTable'. –
Все еще серый и белый с вашей модификацией. Белый и синий, если я поменяю странно и ровно. – Patrick