Question

我有两个这样的dataTables：

    $('#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不起作用。请任何有关可能解决方案的想法告诉我

谢谢！

我的columnDefs属性（DataTable）有问题

0 个答案: