jquery - 如何将行添加到带有隐藏列的 jQuery 数据表中？

Question

我正在使用 jQuery dataTables 插件来升级 HTML 表格。

数据表的第一列包含行的主键并且是隐藏的。我能成功完成此任务的唯一方法是添加 CSS 样式“display: none;”或“可见性:折叠；”

当表格升级为dataTable时，第1列的“aoColumns”也有“bVisible” : false，指示dataTable隐藏该列。

当调用 fnAddData(...) 向表中添加新行数据时，隐藏列的数据出现在第一个可见列中，并且每个后续数据单元格向右移动一个单元格。

简单地说，数据表似乎“忘记”了该列是隐藏的。主键对于 AJAX 回发至关重要。

关于如何解决这个问题有什么想法吗？

Answer 1

您有自动生成的列吗？还是固定列？

如果您有固定列:

只需为ID列设置一个sClass即可。

<style>
.hidden{
 display:none;
 }
</style>
oTable = $('#table').dataTable( {  
"aoColumns" : [     
    { sTitle: 'id', sClass: "hidden" }  
]   } );

如果您有自动生成列:

您只需使用 (sClass:'hidden') 在 Column 数组中定义 ID Column