使用Bootstrap设置数据表的样式

Question

随着jQuery数据表Data Tables附带CSS，我希望它的样式与整个网站的样式相同。 有没有办法使用Bootstrap设置数据表样式？

Answer 1

Jquery数据表可以与bootstrap集成：

https://datatables.net/examples/styling/bootstrap.html

如果你使用bootstrap插件启动它，你将能够使用bootstrap CSS类来设置它。

Answer 2

当然，你可以使用bootstrap进行设计。

只需使用Bootstrap中的表和类。

例如： -

在为bootsrap包含必要的Js和css文件之后，你可以在你自己的表中使用它们的类

 <table id="bus_list" class="table table-bordered responsive my_table dataTable" aria-describedby="bus_list_info">

对于样式，你可以使用自己的风格，通过他们的类和所有如下所示

示例1 [普通css]

.table th {
    background: none repeat scroll 0 0 #0077BF;
}

示例2 [如果示例一个没有用 - 你可以尝试！在css中很重要]

.table th {
    background: none repeat scroll 0 0 #0077BF !important;
}

如果您有任何疑问，请告诉我!!!!