css - 在没有默认属性的 jquery 数据表中使用 Bootstrap

Question

我需要一些帮助来改进我的数据表的外观。我正在使用 jquery 数据表并面临对其进行样式设置。我想通过使用 Bootstrap (特殊分页样式)来更改我的数据表的外观。我已经从互联网上阅读了一些方法并有这个数据表网站的例子(https://datatables.net/manual/styling/bootstrap-simple.html)。当我尝试使用所有必需的 css 和 js 文件实现此功能时，我总是会收到此错误: javaScript 运行时错误:无法获取未定义或空引用的属性“默认值”。当我查看页面时，数据表似乎已经实现或已尝试实现默认设置。我想知道如何覆盖这些默认设置以实现此分页样式。

Answer 1

自定义数据表以进行 Bootstrap 非常容易

你只需要添加下面给定的js和css

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="http://cdn.datatables.net/1.10.0/js/jquery.dataTables.js"></script>
<script src="http://cdn.datatables.net/plugins/e9421181788/integration/bootstrap/3/dataTables.bootstrap.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<link rel="stylesheet"href="http://cdn.datatables.net/plugins/e9421181788/integration/bootstrap/3/dataTables.bootstrap.css">
<script src="http://cdn.datatables.net/fixedheader/2.1.1/js/dataTables.fixedHeader.min.js"></script>
<link rel="stylesheet"href="http://cdn.datatables.net/fixedheader/2.1.1/css/dataTables.fixedHeader.css">

boostrap 数据表演示: http://jsfiddle.net/dipakthoke07/xF8hZ/811/

谢谢