数据表模态详细信息显示答案

【问题标题】：Data Table Modal details display数据表模态详细信息显示
【发布时间】：2017-10-04 12:09:25
【问题描述】：

我从网上获取了this example，但是当我尝试使用它时，没有弹出模态框。但是，它确实可以在 jsfiddle 中正常工作。

我环顾四周，发现“Collapsed”类没有应用于表格，这就是它不起作用的原因。

为什么它不将类应用于表？

【问题讨论】：

1stfold.com/taskbox/F.Z/completed/datatable 这是我的代码。那是行不通的。
请出示相关代码。
一切正常，如果您将窗口大小调整为更小的尺寸，它将显示详细信息按钮，只是让您的表格宽度更小。
谢谢威廉-H-M。但为什么它不能大于 1100 宽度？请告诉我好吗？
这是因为有足够的空间来显示，这就是响应式的工作方式，如果它看到屏幕上有足够的宽度它会抛出所有东西，无论如何我建议你将表格宽度设置得更小或者用一个div。

标签： jquery css twitter-bootstrap-3 datatable

【解决方案1】：

正如@William-H-M 在 cmets 中已经说过的那样，它工作正常并且与屏幕的宽度有关。您只需要控制屏幕宽度即可使其正常工作。将表格放在一个 div 中，并将最大宽度设置为 1000px。

<div style="max-width: 1000px;">
  <table id="example" class="display nowrap dataTable no-footer dtr-inline" cellspacing="0" width="100%" role="grid" aria-describedby="example_info" style="width: 100%;">
    <!-- table content -->
  </table>
<div>

【讨论】：