Question

在以下JSFiddle中，只要选择了用于选择列可见性按钮中的列的按钮，就不会触发操作功能。以下是我正在使用的代码：

$(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

<强>原因

按钮columnsToggle没有action选项，而不是colvis按钮。

<强>解

处理当列的可见性发生变化时触发的column-visibility事件。

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

<强>样本

请参阅updated jsFiddle以获取代码和演示。

对于columnsToggle按钮，不会触发回调操作

1 个答案: