2016-12-26 6 views
1

Datatables.netカラムの可視性ドロップダウンのスタイル/カスタマイズが必要です。 Datatablesを使用して、数十の列を持つ表のデータを表示しています。この場合、現在のドロップダウン・スタイリングはうまくいきません。 私はこれまで、現在のスタイリングからドロップダウンをカスタマイズするために、その可能かどうかを知りたい:私は現在、DataTableのプラグインのスタイルをブートストラップを使用していカスタムDatatables.netカラムの可視性ドロップダウン

Current Dropdown Style

Preferred Styling

答えて

1

私は回避策を出しました。 テーブルiは、ブートストラップの列に列の可視性ドロップダウンおよびグループのすべてのリンクにクリックイベントを追加するロードされた後:私の問題を解決し

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