javascript - 在 DataTable 中的 row.add 之后不显示响应

Question

我有 table 。

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 浏览器中不显示响应式(在 Chrome 中，当从标签表中删除类 'datatable' 时显示响应式)。

如果为空则正确显示。

为什么要显示表格响应式？

致以诚挚的问候。

Answer 1

添加<div class="table-responsive"> div 在你的 table 前面。并删除(如果有的话)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>