Question

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

table.colReorder.reset();

通过在设置中添加“全部显示”来完成colvis重置，如此

 colVis = {
    showAll: "Restore Defaults"
};

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

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

Answer 1

重新安排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/

在一个按钮

1 个答案: