Question

如何在jQuery DataTables中使用类名删除列？

我的代码是这样的：http://jsfiddle.net/oscar11/ebRXw/801/

$(document).ready(function() {
    $('#example').DataTable( {
        "responsive": true,
         "aoColumnDefs": [
             { 

                 "className": 'never', 
                 "targets": 1
             }
             ]
    } );
} );

但第一列未删除。

Answer 1

<强>解

使用targets选项中的表标题（我的示例中为th）分配给col-hide元素的类名（不带前导点.）来定位某些列和visible选项可隐藏这些列。

"columnDefs": [
    { targets: "col-hide", visible: false }   
]

例如：

$('#example').DataTable( {
    "responsive": true,
    "columnDefs": [
        { targets: "col-hide", visible: false }   
    ]
} );

<强>样本

请参阅this jsFiddle以获取代码和演示。

Answer 2

您可以使用添加了类的display:none;将目标列隐藏为

.never {
    display:none;
}

http://jsfiddle.net/ebRXw/803/

使用jQuery DataTables中的类名删除列

2 个答案: