首页 文章

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

提问于
浏览
3

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

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

当表升级到dataTable时,第1列的“aoColumns”也具有“bVisible”:false,以指示dataTable隐藏此列 .

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

简单地说,似乎dataTable“忘记”该列被隐藏了 . 对于AJAX回发而言,主键是必不可少的 .

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

2 回答

  • 1

    你有自动生成的列吗?还是固定列?

    如果您有固定列:

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

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

    如果您有自动gneratet列:

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

  • 0

    更新:

    发布此问题后不久,我发现移动隐藏列使其不是第1列是(?)解决方案 . 任何意见?

相关问题