Jquery 数据表模态详细信息显示

我从互联网上获取了一些信息，但是当我尝试使用它时，模态不会弹出。但是，它在JSFIDLE中工作得很好

我环顾四周，发现“折叠”类没有应用到表中，这就是它不起作用的原因

为什么不将类应用于表

正如@在评论中所说，它工作正常，与屏幕的宽度有关。你只需要控制屏幕宽度就可以了。将表格放置在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>

这是我的代码。这不起作用。请显示相关代码。一切都正常工作，如果您将窗口大小调整为较小的大小，它将显示“详细信息”按钮，只需将您的桌子宽度缩小。谢谢William-H-M。但为什么它不能在大于1100宽的情况下工作？你能告诉我吗？这是因为有足够的空间来显示，这就是响应的工作原理，如果它看到屏幕上有足够的宽度，它会抛出所有东西，不管怎样，我建议你将桌子的宽度设置得更小或用div环绕。