2016-12-26 62 views
1

我需要樣式/自定義Datatables.net列可見性下拉列表。我使用Datatables來顯示數十列數據,並且當前的下拉式樣在這種情況下效果不佳。 我想知道,如果它可以自定義從目前的造型下拉到這一點:自定義Datatables.net列可見性下拉列表

Current Dropdown Style

Preferred Styling

我目前使用引導樣式的數據表插件。

回答

1

我提出了一個解決方法。 後的正裝表我一個click事件添加到Column能見度下拉列表和羣組的所有鏈接到自舉列:

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

這解決了我的問題。