Javascript JS Datatables-响应不正常

我使用插件，当用户通过手机连接时，我试图隐藏列

该链接显示了其工作的数据表中的示例

我想我在datatable的属性中写了一些打破响应风格的妙语

如果我使用

responsive:true

总是隐藏所有列，但任何窗口大小的列除外。我的意思是，它确实有效，但总是隐藏所有列，即使它是一个24英寸的窗口

如果我添加

行重新排序：{selector:'td:nth child（2）}

不会做任何事情

我的代码：

var tabla = $("#"+idTabla).DataTable({
    serverSide: true,
    ajax: {
        url: url,
        type: "POST",
        data: {tipo : tipo, interface: interface},
        error: function (xhr, status, errorThrown) {
            console.log(xhr.status);
            console.log(xhr.responseText);
        }
    },
    order: [[ orden[0], orden[1] ]],
    language: {
        url: "../js/datatables/Spanish.json"
    },
    pageLength: 30,
    sScrollY: calcularAlturaTabla(),
    deferRender: true,
    scroller: {
        loadingIndicator: true
    },
    dom: "Bfrtip",
    buttons: [
        {
            text: "Excel",
            action: function (e, dt, node, config) {
                ... // irrelevant
            }
        },
    ],
    scrollX: "100%", // because if not, did not move the headers
    aoColumnDefs: [
        { "bVisible": ocultar[0], "aTargets": ocultar[1] }
    ],
    drawCallback: function (settings) {
        if (agrupar) {
            agruparFilas(this);
        }
    },


    // responsive: {
    //     breakpoints: [
    //         { "name": 'screen-xs',  "width": 600 }
    //     ]
    // },
    // columnDefs: [
    //     { "className": 'screen-xs', "aTargets": [1,2,3] }
    // ]


    // rowReorder: {
    //     selector: 'td:nth-child(2)'
    // },

    // responsive: true
});

新增链接：

<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/jquery-ui.min.js"></script>
<link rel="stylesheet" type="text/css" href="../js/datatables/datatables.min.css" />
<script type="text/javascript" src="../js/datatables/datatables.min.js"></script>
<script type="text/javascript" src="../js/datatables/Buttons-1.2.2/js/buttons.print.min.js"></script>
<script type="text/javascript" src="../js/datatables/Buttons-1.2.2/js/dataTables.buttons.min.js"></script>
<script type="text/javascript" src="../js/datatables/Buttons-1.2.2/js/buttons.html5.min.js"></script>
<script type="text/javascript" src="../js/datatables/Responsive-2.1.0/js/dataTables.responsive.min.js"></script>
<link rel="stylesheet" href="../js/datatables/Responsive-2.1.0/css/responsive.dataTables.min.css" />

您正在使一些列被

{“bVisible”：ocultar[0]，“aTargets”：ocultar[1]}

隐藏。

ocultar

的值是多少？@Gyrocode.com

ocultar

是一个数组，在某些情况下，它采用

[null，[]]

=不隐藏任何内容或

[false，[0，1]]

=隐藏第一列和第二列这可能是列隐藏的原因，请尝试使用

[true，-1]

而不是

[null，[]

使所有列可见。