关注https://www.datatables.net/manual/styling/bootstrap-simple.html,它不包含原始数据表css。
如果我删除了源代码中的脚本: (从评论中看起来并不重要?)
<script type="text/javascript">
// For demo to fit into DataTables site builder...
$('#example')
.removeClass( 'display' )
.addClass('table table-striped table-bordered');
</script>
表格没有样式,请参阅https://jsfiddle.net/gLrf9o8t/
看来该演示是作弊的......如果我不包含原始的css文件,是否意味着所有数据表样式类都变得无用?
但是如果我重新加入原始css,分页栏看起来很奇怪,请参阅https://jsfiddle.net/r45f6dt6/
答案 0 :(得分:1)
如果您正在使用DataTables.Bootstrap CSS,则还需要手动将Bootstrap类应用于表。在使用上述脚本初始化DataTables之后,您无法更改这些类,因为它们不会应用于DataTables网格。如果必须以编程方式更改类,则将initTables作为该函数的回调函数。
<table id="example" class="table table-striped table-bordered" ... >
<强> Demo 强>
请注意,我已删除了基本DataTables CSS链接。