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

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

---

我目前正在使用Bootstrap来设计Datatables插件。

我想出了一个解决办法。 加载表后，我将单击事件添加到列可见性下拉列表中，并将所有链接分组到引导列中：

/* 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>");
        }
    });
});

/*将列可见性下拉列表中的所有链接分组为列*/
dt.on（'init'，函数（e）
{
$（“a.buttons-colvis”）。在（“单击”，函数（）
{           
var columnLinks=$（“.dt按钮集合”）.find（“a”）；
对于（变量i=0；i

这解决了我的问题