Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 数据表colvis,带有显示/隐藏列的保存按钮_Javascript_Jquery_Database_Datatables - Fatal编程技术网

Javascript 数据表colvis,带有显示/隐藏列的保存按钮

Javascript 数据表colvis,带有显示/隐藏列的保存按钮,javascript,jquery,database,datatables,Javascript,Jquery,Database,Datatables,我使用的是Datatables 1.10.9和colvis button插件。我们可以用这个插件做些什么,这样它在选择所有列后只更新表一次,比如用户只需单击按钮隐藏/显示列,保存按钮只更新表一次,而不是每次切换。或者,我们可以从对话框和其他一些编码中进行外部操作,因为我需要一次性获取所有可见列的名称,以便将其保存在Database中。切换可见性是对每个按钮所做的,这是无效的 $(document).ready(function() { var table; /

我使用的是Datatables 1.10.9和colvis button插件。我们可以用这个插件做些什么,这样它在选择所有列后只更新表一次,比如用户只需单击按钮隐藏/显示列,保存按钮只更新表一次,而不是每次切换。或者,我们可以从对话框和其他一些编码中进行外部操作,因为我需要一次性获取所有可见列的名称,以便将其保存在Database中。切换可见性是对每个按钮所做的,这是无效的

$(document).ready(function() {
         var table;
         // DataTable               
         table = $('#example').dataTable({
             "processing": true,
             stateSave: true,
             "deferRender": true, // to make the search fast         

            dom: 'BRlfrtip',

                     buttons: [
                            {  extend: 'colvisGroup',
                                text: 'Change Layout',
                                collectionLayout: 'fixed two-column'
                            }                     
                         ],             "ajax": {
                 "url": "/my/example.so",
                 "type": "GET"
             },
             "columns": [{
                 "title": "name",
                 "data": "name",
                 "name": "name"
             }, {
                 "title": "addeddate",
                 "data": "addeddate",
                 "name": "added date"
             }]
         });