数据表模态详细信息显示

时间:2017-10-04 12:09:25

标签: jquery css twitter-bootstrap-3 datatable

我从互联网上取了this example,但是当我尝试使用它时,模式不会弹出。然而,它确实适用于jsfiddle。

我环顾四周,发现“Collapsed”类没有应用到表中,这就是它无法正常工作的原因。

为什么不将该类应用于表?

1 个答案:

答案 0 :(得分:1)

由于@ William-H-M已在评论中说过,它工作正常,与屏幕宽度有关。您只需控制屏幕宽度即可使其正常工作。将表格放在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>