回调操作未针对 columnsToggle 按钮触发

Question

在下面的 JSFiddle 中，只要 select 列可见性按钮中某个列的按钮被 select 编辑，动作函数就不会触发。下面是我正在使用的代码：

$(document).ready(function() {
var table = $('#example').DataTable( {
    dom: 'B',
    "buttons": [
                {
                    extend: 'colvis',
                    postfixButtons: ['colvisRestore'],
                    buttons : [{
                        extend: 'columnsToggle',
                        action: function (e, dt, node, config) {
                            alert('Activated!');
                            console.log("Activated!");
                        },
                    }],
                }
            ],
    }
);} );

非常感谢你在这方面的帮助。

Answer 1

CAUSE

按钮columnsToggle doesn't have action option as opposed to colvis按钮。

SOLUTION

处理 column-visibility 列的可见性更改时触发的事件。

$('#example').on('column-visibility.dt', function(e, settings, column, state ){
   console.log('Column:', column, "State:", state);    
});

DEMO

有关代码和演示，请参阅 updated jsFiddle。

回调操作未针对 columnsToggle 按钮触发

Callback action is not firing for columnsToggle button

javascript

datatables