使用 Bootstrap 主题时是否应该包含原始数据表 css？

Question

以下https://www.datatables.net/manual/styling/bootstrap-simple.html，不包含原始数据tables css.

如果我删除源中的脚本：（看评论好像不重要？）

<script type="text/javascript">
    // For demo to fit into DataTables site builder...
    $('#example')
        .removeClass( 'display' )
        .addClass('table table-striped table-bordered');
</script>

table 没有样式，请参阅 https://jsfiddle.net/gLrf9o8t/

看来演示是作弊的...这是否意味着如果我不包含原始 css 文件，所有数据table 的样式类都将变得无用？

但是如果我把原来的 css 加回去，分页栏看起来很奇怪，见 https://jsfiddle.net/r45f6dt6/

Answer 1

如果您使用 DataTables.Bootstrap CSS，您还需要手动将 Bootstrap 类应用到 table。在初始化 DataTables 之后，您不能像使用上面的脚本那样更改那些类，因为它们不会应用于 DataTables 网格。如果您必须以编程方式更改类，请将 DataTables 初始化为该函数的回调。

<table id="example" class="table table-striped table-bordered" ... >

Demo

请注意，我已经删除了基本数据表 CSS link。

使用 Bootstrap 主题时是否应该包含原始数据表 css？

Should I include original datatables css when using Bootstrap theme?

datatables