javascript - 自动宽度属性不适用于数据表

Question

我正在向数据表添加列，该数据表的 autoWidth 属性设置为 true。但是我添加的列比原来的要窄得多。请看这个fiddle

结果如下:

a 和 b 是原来的列，同时添加了 test0..3。我希望所有列都自动调整到各自的内容大小。

欢迎大家帮忙!

Answer 1

不幸的是，DataTables 不支持添加列，因此需要 hack 才能获得所需的功能。

在您的 fiddle 中，您在执行此操作时会保存列的当前宽度；

cols = theDT.settings()[0].aoColumns;

所以我们需要用这段代码重置这个保存的宽度(在 addColumnToDataTable 函数中重新创建表格之前添加它)

for (var k=0;k<cols.length;k++){
  cols[k]['sWidth'] = (100/(cols.length)) + '%';
  cols[k]['sWidthOrig'] = (100/(cols.length)) + '%';
}