如何将行添加到带有隐藏列的 jQuery 数据表？答案

【问题标题】：How do you add rows to a jQuery dataTable with hidden columns?如何将行添加到带有隐藏列的 jQuery 数据表？
【发布时间】：2011-01-23 16:16:18
【问题描述】：

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

dataTable 的第一列包含该行的主键并且被隐藏。我可以成功完成此操作的唯一方法是添加 CSS 样式“显示：无；”或“可见性：折叠；”

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

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

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

关于如何解决这个问题的任何想法？

【问题讨论】：

标签： jquery datatable

【解决方案1】：

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

如果您有固定列：

只需要为 ID 列设置一个 sClass。

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

如果您有自动生成列：

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

【讨论】：

固定列的排序集 > "bVisible": false :D
答案需要更多关于如何将数据添加到隐藏列的详细信息

【解决方案2】：

更新：

发布此问题后不久，我发现移动隐藏列使其不是第一列是一个（？）解决方案。有cmets吗？

【讨论】：

我认为你应该联系插件作者。如果您得到答案，请在此处发布。
你说的有帮助，但你仍然需要在 datatable.row.add 期间隐藏列。只是添加没有帮助