Question

我有桌子。

var mytable=$('#my-table').DataTable({options});

生成的标签表是......

<table class="table table-hover table-striped table-responsive dataTable no-footer" id="my-table" role="grid" aria-describedby="my-table_info">

我添加mytable.row.add({columns});行当我添加新行时，表格在Firefox浏览器中没有显示响应（当从标记表中删除类'datatable'时，在chrome中显示响应）。

如果为空则显示正确。

为什么要表格响应？

最好的考虑。

Answer 1

在表格前添加<div class="table-responsive"> div。如果您的表格中应用了任何width="100%"样式，请将其删除。

<div class="table-responsive">
  <table id="example" class="table table-striped table-hover dt-responsive" cellspacing="0">
  <thead>
      <tr>
        <th>Name</th>
        <th>Surname</th>
      </tr>
  </thead>
  </table>
</div>

Answer 2

解决了。

我添加

$('#example').dataTable( {
  "autoWidth": false
} );

在chrome工作。

并通过CSS设置列的宽度。这在firefox中有效。

这个原因是列自动宽度赋值。

Answer 3

dataTable.columns.adjust().draw()

为我工作。

在DataTable中的row.add之后没有显示响应

3 个答案: