Jquery columnDefs属性(DataTable)有问题
我有两个这样的数据表:Jquery columnDefs属性(DataTable)有问题,jquery,datatable,visible,Jquery,Datatable,Visible,我有两个这样的数据表: $('#myTable1').dataTable( { "sAjaxSource": 'myPath', "ordering": true, "searching": true, "dom": 'Bfrtip', "fnServerData": function ( sSource, aoDat
$('#myTable1').dataTable( {
"sAjaxSource": 'myPath',
"ordering": true,
"searching": true,
"dom": 'Bfrtip',
"fnServerData": function ( sSource, aoData, fnCallback ) {
$.ajax( {
"dataType": 'json',
"type": "POST",
"url": sSource,
"data": 'var1='+var1+"&var2="+var2,
"success": fnCallback
} );
},
"columns": [{ "width": "10%" },
{ "width": "10%" },
{ "width": "10%" },
{ "width": "10%" },
{ "width": "10%" },
{ "width": "10%" },
{ "width": "10%" },
{ "width": "10%" },
{ "width": "10%" }
],
"columnDefs": [
{
"targets": [ 7,8 ],
"visible": false
}
],
"fnRowCallback" : function (nRow, aData, iDisplayIndex){
$('td:eq(0)', nRow).css("text-align","center");
$('td:eq(1)', nRow).css("text-align","center");
$('td:eq(2)', nRow).css("text-align","center");
$('td:eq(3)', nRow).css("text-align","center");
$('td:eq(4)', nRow).css("text-align","center");
$('td:eq(5)', nRow).css("text-align","center");
$('td:eq(6)', nRow).css("text-align","center");
$('td:eq(7)', nRow).css("text-align","center");
$('td:eq(8)', nRow).css("text-align","center");
return nRow;
},
"destroy": true
});
使用按钮更新第二个表中输入的值后,我更新两个表,我的意思是执行ajax更新表:
$('#myTable1').DataTable().ajax.reload();
$('#myTable2').DataTable().ajax.reload();
这是可行的,但是第一个表的不可见列(第7列和第8列)出现了,我的意思是“可见”:false不起作用。
请告诉我任何可能的解决方案
提前谢谢