Question

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

dataTable的第一列包含行的主键并被隐藏。我能成功实现这一目标的唯一方法是添加CSS样式“display：none;”或“能见度：崩溃;”

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

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

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

有关如何解决此问题的任何想法？

Answer 1

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

如果您有固定列：

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

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

如果你有自动gneratet列：

您只需使用（sClass：'hidden'）

在Column数组中定义ID列

Answer 2

更新

发布此问题后不久，我发现移动隐藏列以使其不是第1列是（？）解决方案。有什么意见吗？

如何使用隐藏列向jQuery dataTable添加行？

2 个答案: