数据表从 DOM 中移除 CSS答案

【问题标题】：Datatables remove CSS from DOM数据表从 DOM 中移除 CSS
【发布时间】：2013-12-04 22:04:40
【问题描述】：

我在一个小的 div 块上使用 Bootstrap 3 和数据表。

问题是，即使我关闭了数据表信息 (bInfo)，它仍然会将 html 放在 DOM 中，这会打乱我的分页。

如果你关闭它，有没有办法不把它放在html中？

这是我生成数据表的代码

  $('#dashboardStats').dataTable({
    "bFilter": false,
    "bInfo": false,
    "bLengthChange": false,
    "bSort": false,
    "sPaginationType": "bootstrap",
    "iDisplayLength": 5
});

【问题讨论】：

标签： jquery twitter-bootstrap datatable twitter-bootstrap-3

【解决方案1】：

或者你可以添加：

"sDom": "t<'row'<'col-md-12'p>>"

在您的 javascript 文件中。这将完全删除 info div 并使分页 col-md-12

【讨论】：

这就是解决方案。

【解决方案2】：

通过这样做弄清楚了：

$('.dataTables_info').parent().remove();
$('.dataTables_paginate').parent().removeClass('col-xs-6').addClass('col-xs-12');

这将完全删除信息部分，然后我将分页的类从跨越 6 更改为 12。

【讨论】：