Twitter bootstrap 3 如何使jquery数据表使用引导表响应类？

我有jQueryDataTable，我知道它有一个“响应”插件，但我不喜欢这种行为，因为我不喜欢BootstrapTableResponsive类

我应该能够用这个类将jquery数据表包装在一个div中，但这似乎不适合我。我基本上希望表格在太大时水平滚动

我试过把桌子包成一个小隔间，但没用

我已经尝试设置从datatable生成的div类，这似乎也没有任何效果

对于不熟悉的用户，引导响应表会滚动（请参见此处）：

Jquery datatables响应插件，将表折叠成加号/减号（在某些情况下非常优雅，但不是我的）

在初始化表后尝试添加

容器，请参见下面的示例代码：

$('#example').DataTable({
    "initComplete": function(settings, json){
        $('#example').wrap('<div class="table-responsive"></div>');
    }
});

---

请参阅演示。

当人们投票否决您的项目，但没有留下任何评论或改进建议时，我真的很恼火。响应插件到底有什么问题？你不想使用bootstrap？响应插件将数据折叠成加减设置，你可以看到文档，我确实想使用bootstrap（见问题），我希望表格像bootstrap响应表格那样滚动。遗憾的是，当我收缩时，没有响应动作。@davidkonrad，缩小视图时，请参见水平滚动条。它使桌子通过了“移动友好”的谷歌测试。我相信使用

scrollX

的解决方案比使用Bootstrap

table responsive

类的容器更好。我还没有尝试过，也许你是对的，但是平板电脑和手机用户应该在哪里单击或点击查看整行内容？@davidkonrad，引导

table responsive

和

scrollX

的方法不同于DataTables responsive扩展。如果table不适合用户的屏幕，用户将不得不通过手势或鼠标滚动，但只能滚动table，而不是整个屏幕。initComplete解决方案对我来说才是真正的解决方案，因为我们的数据表中的scrollX存在一些严重的性能问题。谢谢

$('#example').DataTable({
    'scrollX': true
});