jquery - 一键重置列重新排序和colvis

我正在使用Datatables Jquery库，并使用ColReorder和Colvis功能。当前有一种方法可以重置列的重新排序

table.colReorder.reset();

通过在设置中添加“全部显示”来完成colvis重置，就像这样

 colVis = {
    showAll: "Restore Defaults"
};

有没有办法，我可以将这两个功能组合成一个按钮？例如：

$("#restore_defaults").click(function(){
   // reset colorder
//reset column visibility
}

最佳答案

重置ColReorder很简单。但是没有公共API可以更改ColVis的可见性。

// this is to reset ColReorder
table.colReorder.reset();

实现列可见性：

Change visibility of each column manually并使用fnRebuild重新渲染ColVis下拉列表中的复选框，因为可见性已更改，因此复选框也应更改。

// change visibility of columns
table.columns().visible( true, true );
// re-render the buttons in ColVis button dropdown
$.fn.dataTable.ColVis.fnRebuild( table );

这是一个演示http://jsfiddle.net/dhirajbodicherla/189Lp6u6/24/