Jquery 使用Datatables渲染时更改渲染列数

我使用创建了一个数据表

我的表有11列

我想显示5列，当点击+按钮时显示其他6列

我该怎么做

上面的示例将向您展示如何在默认情况下隐藏这两个列，然后在稍后的事件中显示它们

默认情况下隐藏：

var table = $('#example').DataTable( {
    "columnDefs": [
        {
            "targets": [ 2 ],
            "visible": false,
            "searchable": false
        },
        {
            "targets": [ 3 ],
            "visible": false
        }
    ]
} );

使单击时可见

$('a.toggle-vis').on( 'click', function (e) {
    e.preventDefault();

    // Get the column API object
    var column = table.column( $(this).attr('data-column') );

    // Toggle the visibility
    column.visible( ! column.visible() );
} );

---

我认为这样对你有好处

将此代码添加到datatables.css：

table.dataTable th, table.dataTable td {
  padding-right: 25px !important;
  white-space: nowrap;
}

---

谁能帮我？我想在点击时使用响应按钮，然后显示其他类似cloumn的响应示例你看过这个链接吗？是的，用这个可以创建一个按钮，但我想在这个页面上用绿色+按钮显示其他6列，比如改变每列的宽度来发送其他6列

table.dataTable th, table.dataTable td {
  padding-right: 25px !important;
  white-space: nowrap;
}