YADCF，列可見性無法正常工作與filter_container_id

我對Datatables，YADCF和Button Colvis有一個小問題：我不能在同一個表中使用屬性visible：false，filter_container_id和yadcf。 yadcf插件崩潰並且不顯示任何內容。這是我的數據表初始化的清理後的版本：YADCF，列可見性無法正常工作與filter_container_id

datatable = $('#Datatable').DataTable({ 
    serverSide:true, 
    processing:true, 
    ajax: { 
     url: '/app/object/liste', 
     type: "POST" 
    }, 
    columns: [ 
     {data:"pc_id", width:"90px"}, 
     {data:"pc_statut", visible:false, width:"90px"}, 
     {data:"reference_dossier", width:"90px"}], 
    buttons: [{ 
     extend: 'colvis', 
     text: 'Colonnes', 
     collectionLayout: 'fixed three-column', 
     columns: ':gt(0)' 
    }], 
    initComplete:function(a, b){ 
     new $.fn.dataTable.FixedColumns(datatable, { 
      leftColumns: 1 
     }); 

     var clonedTable = document.querySelectorAll('.DTFC_Cloned'); 
     for (var i = 0; i < clonedTable.length; i++){ 
      clonedTable[i].id = 'DTFC_Cloned'; 
     } 
     $('#DTFC_Cloned thead tr:eq(1) th:last-child').append(
      '<span id="fixed_col_filter_container"></span>' 
     ); 

     yadcf.init(
      datatable, 
      [ 
       { 
        column_number:1, 
        filter_container_id:"fixed_col_filter_container", 
        filter_type:"text", 
        filter_delay:"500" 
       },{ 
        column_number:2, 
        filter_container_id:"pc-pc_statut-2", 
        filter_type:"text", 
        filter_delay:"500" 
       },{ 
        column_number:3, 
        filter_container_id:"pc-reference_dossier-2", 
        filter_type:"text", 
        filter_delay:"500" 
       } 
      ], 
      {language: tabLanguage} 
     ); 
    } 
});

來源

2016-08-02 QdSJ

yadcf不FixedColumns玩好，試試，看看它是如何工作的，沒有它和嘗試將yadcf init移出initComplete，如果仍然不工作 - 提供測試用例的鏈接 – Daniel

對不起，這個更好：http://live.datatables.net/betupena/2/edit – QdSJ

我添加了一個修復程序yadcf和固定的代碼爲好，

獲取最新0.9.0.beta.23，並注意column_number值是基於零 （第一列應該有column_number: 0等）

See it working here

來源

2016-08-03 14:19:36 Daniel

嗨，謝謝爲承諾!!!我已經抓住了最新版本，並且yadcf完成了這項工作。還有一個問題：如何在範圍日期過濾器（或範圍數字）寬度按鈕上添加一個類colvis（沒有，很簡單，只有幾行JS但不包含colvis ...）？我看過其他過濾器的選項style_class。對於bootstrap集成，我需要在輸入上在包裝器和form-control/input-sm類上添加輸入組。 – QdSJ

如果我的答案解決了您的問題，請將其標記爲已接受，至於樣式......最好的辦法是發送一個PR，就像某人前幾天做過的一樣[請參閱此PR]（https://github.com/ vedmack/yadcf/pull/337），因爲我不會在不久的將來做到這一點 – Daniel

YADCF，列可見性無法正常工作與filter_container_id

回答

相關問題