Question

如何在JQuery服务器端DataTables中隐藏列。

下面的代码不能在服务器端工作。

$(function() {
        $("#example").each(function() {
        $(this).find('td:eq(1)').addClass("hidden-xs hidden-md hidden-sm hidden-lg");
        $(this).find('td:eq(2)').addClass("hidden-xs hidden-md hidden-sm hidden-lg");           
        });

谢谢，拉姆

Answer 1

初始化期间使用columns.visible选项或初始化后使用column().visible() API方法启用或禁用此列的显示。

例如：

$('#example').DataTable().column(1).visible(false);

如果您只需要在较小的屏幕设备上隐藏列，请使用Responsive扩展名。

Answer 2

使用aoColumnDefs通过更改aTargets的值来隐藏所需的任何列：

$('#example').dataTable({
    "aoColumnDefs": [
        {
        "bSearchable": false,
        "bVisible": false,
        "aTargets": [0]
        }
    ]
});

如何隐藏JQuery服务器端DataTables中的列？

2 个答案: