Таблицы данных JavaScript с загрузчиком Twitter

Question

Я пытаюсь интегрировать DataTables.js (http://datatables.net)) с приложением, которое использует библиотеку начальной загрузки Twitter. Кажется, что DataTable не очень хорошо работает с начальной загрузкой Twitter. Я не уверен, что это css илиjs, это противоречит.

Как я могу интегрировать DataTables.js с Twitter Bootstrap? Существуют ли другие библиотеки таблиц данных, которые хорошо работают с Twitter Bootstrap?

Answer 1

На самом деле довольно легко интегрировать Bootstrap и DataTables так, что ваши полнофункциональные DataTables будут соответствовать тому же внешнему виду и ощущению, что и остальная часть вашего сайта. Вот ссылка: http://datatables.net/blog/Twitter_Bootstrap

Для Bootstrap v2.x.x: http://datatables.net/blog/Twitter_Bootstrap_2

Answer 2

Для Bootstrap 3 используйте этот плагин .

Плагины DataTables

Этот репозиторий содержит коллекцию плагинов для энхансера таблицы jQuery DataTables. Эти плагины являются функцией расширение для библиотеки DataTables, добавление дополнительных опций в ядро функциональные возможности, такие как дополнительные алгоритмы сортировки, методы API и контроль пагинации. Плагины не следует путать с DataTables «дополнения», которые являются более значительными программными библиотеками которые добавляют дополнительные функции в DataTables.

Answer 3

РЕШЕНИЕ

• Используйте 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%">
  

DEMO

См. этот jsFiddle для кода и демонстрации.