自定义Datatables.net列可见性下拉列表

Question

我需要设置/自定义Datatables.net列可见性下拉列表。我使用数据表显示来自具有数十列的表格中的数据，并且当前下拉样式在这种情况下不能很好地工作。 我想知道是否可以自定义当前样式的下拉列表：

我目前正在使用Bootstrap来设置Datatables插件的样式。

Answer 1

我出来了解决方法。 加载表后，我将Click事件添加到Column Visibility下拉列表，并将所有链接分组到bootstrap列中：

/* Group all links in column visibility dropdown into columns */
dt.on('init', function (e)
{
    $("a.buttons-colvis").on("click", function ()
    {           
        var columnLinks = $(".dt-button-collection").find("a");

        for (var i = 0; i < columnLinks.length; i += 12)
        {
            columnLinks.slice(i, i + 12).wrapAll("<div class='col-md-3'></div>");
        }
    });
});

这解决了我的问题。