带有twitter bootstrap的javascript数据表

Question

我正在尝试将DataTables.js（http://datatables.net）与使用twitter bootstrap库的应用程序集成。似乎DataTable与twitter bootstrap不兼容。我不确定它的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，请使用此plugin。

  

DataTables Plugins

     

此存储库包含一组插件   用于jQuery DataTables表增强器。这些插件是功能   增强DataTables库，为核心添加额外选项   功能，如额外的排序算法，API方法和   分页控制。不应混淆插件   DataTables＆＃34; extras＆＃34;这是更重要的软件库   这为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%">
  

样本

请参阅this jsFiddle以获取代码和演示。