Javascript 在row.add-in数据表之后不显示响应

我有桌子

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中，当从标记表中删除class
'datatable'
时，会显示响应）

如果为空，则正确显示

为什么要展示桌子

致以最诚挚的问候。
在您的餐桌前添加
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>


名称
姓
已解决

我补充说

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

在铬上工作

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

原因是列自动宽度给定值。
dataTable.columns.adjust（）.draw（）

为我工作。
我这样做了。但是显示垂直和水平滚动，表格仍然很宽，但没有超出页面。您能创建一个新的表格吗？没有实时代码很难判断。我无法加载js文件。这很复杂。我很确定这是一种应用于代码中的
width=“100%”
样式，但如果没有实时代码，就无法准确判断。