Я пытаюсь интегрировать DataTables.js(http://datatables.net) с приложением, которое использует библиотеку загрузочного буфера. Кажется, что DataTable не работает хорошо с twitter bootstrap. Я не уверен, что css или js противоречат друг другу.
Как я могу интегрировать DataTables.js с Twitter Bootstrap? Существуют ли другие библиотеки таблиц данных, которые хорошо работают с Twitter Bootstrap?
На самом деле довольно легко интегрировать Bootstrap и DataTables таким образом, чтобы ваши полнофункциональные DataTables соответствовали тому же самому виду и остатку вашего сайта.
Вот ссылка: http://datatables.net/blog/Twitter_Bootstrap
Для Bootstrap v2.x.x: http://datatables.net/blog/Twitter_Bootstrap_2
Для Bootstrap 3 используйте plugin.
Этот репозиторий содержит набор плагинов для усилителя таблицы jQuery DataTables. Эти плагины являются функциями расширение библиотеки DataTables, добавление дополнительных опций к ядру такие как дополнительные алгоритмы сортировки, методы API и элементы управления разбиением на страницы. Плагины не следует путать с DataTables "дополнительные", которые являются более значимыми библиотеками программного обеспечения которые добавили дополнительные функции в DataTables.
Используйте Download Builder, чтобы создавать ссылки на файлы JS/CSS и включать в себя стиль Bootstrap и библиотеку Twitter Bootstrap (если необходимо).
Включите созданные сгенерированные ссылки JS/CSS в ваш проект.
Используйте классы table table-striped table-bordered для вашего <table>, как показано ниже:
<table id="example" class="table table-striped table-bordered" cellspacing="0" width="100%">
Смотрите этот jsFiddle для кода и демонстрации.