java JQuery数据表HideColumn

Question

我在JavaStruts应用程序中使用DataTable插件来显示列表数据屏幕。其中，我向用户添加了datatable的显示/隐藏列功能。此外，该列中的某些列还具有用于列表中更新详细信息的文本输入。 但当我提交表单时，用户需要更新列表。动作类将被调用。在action类中，我可以获取表数据，但数据只有可见列数据，没有隐藏列。对于业务验证，我还需要隐藏列

实际上，当我隐藏DOM中不可用的列时

有谁能告诉我解决这个问题的办法吗

Answer 1

可以使用以下函数隐藏列：

$(document).ready(function() {
$('#example').dataTable( {
} );
} );

function fnShowHide( iCol )
{
/* Get the DataTables object again - this is not a recreation, just a get of the object    */
 var oTable = $('#example').dataTable();

var bVis = oTable.fnSettings().aoColumns[iCol].bVisible;
oTable.fnSetColumnVis( iCol, bVis ? false : true );
}

或者可以使用fnDrawCallback这样做：

$('#example').dataTable( {
 "fnDrawCallback": function () {
     //Hide Column 1
     $("#example tbody tr td:nth-child(1)").css("display", "none");
     $("#example thead tr th:nth-child(1)").css("display", "none");            
 }
 } );