datatables rowGrouping插件aoColumns定義失敗

好吧，所以我正在一張桌子上工作。我在這個特定的表上使用了rowGrouping。迄今爲止，迄今爲止，我還沒有遇到數據表的嚴重問題。datatables rowGrouping插件aoColumns定義失敗

我通過php渲染我的表格，然後當DOM被加載時，我正在調用它的數據表。所以它創造了所有幻想的表格。其中的花哨部分工作真棒，大部分如預期。然而。我想隱藏通過aoColumns對象的列，我想禁止在其他人上排序，以及其他所有。我似乎無法做到這一點。所以我不確定在這種情況下要做什麼

這是我用於行分組的JavaScript /數據表調用。

var oTable = $('#orgListings').dataTable({ 
          "bAutoWidth": true, 
          "bRetrieve": true, 
          "bPaginate": false, 
          "aoColumns": 
          [ 
           { "bSortable": false }, 
           { "bSortable": false }, 
           { "bSortable": false }, 
           { "bSortable": false }, 
           { "bSortable": false }, 
           { "bSortable": false }, 
           { "bSortable": false }, 
           { "bSortable": false }, 
           { "bSortable": false } 
          ] 
     }).rowGrouping({ 
       iGroupingColumnIndex: 1, 
       sGroupingColumnSortDirection: "asc", 
       iGroupingOrderByColumnIndex: 0, 
       bExpandableGrouping: true, 
       bExpandSingleGroup: true, 
       iExpandGroupOffset: -1 
     }); 
     $('#orgListings_length, #orgListings_filter').hide() 
     $(window).bind('resize', function(){oTable.fnDraw();});

我的表是類似的，但不完全對

<table> 
    <thead> 
    <tr> 
     <th></th> 
     <th></th> 
     <th></th> 
     <th></th> 
     <th></th> 
     <th></th> 
     <th></th> 
     <th></th> 
     <th></th> 
    </tr> 
    </thead> 
    <tbody> 
    <tr> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
    </tr> 
    <tr> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
    </tr> 
    <tr> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
     <td></td> 
    </tr> 
    </tbody> 
</table>

再行分組似乎正常工作。但是dataTable({...})內的任何東西似乎都不會粘住。分頁儘管是錯誤的仍然表明，自動寬度，儘管是真的不堅持把所有的列變成不可排序的列是行不通的。

所以我想知道我在做什麼錯了？而如何解決呢

來源

2012-09-21 chris

最後發現了什麼我的問題是..模板顯然，筆者我從themeforest.net購買了「White Label」，在全球化的script.js中使用了一小段代碼 $content.datatable({sPagination:"full_numbers"}); 。在任何其他事情發生之前，我的桌面上都會出現這樣的問題，因此我在$.datatable調用中自定義的任何內容在任何表上都沒有用處。我發現它後有點評論，並且從數據表中按預期工作。

謝謝託德吉布森，你的建議是相當有用的，只是增加一點優化到我的整體代碼庫，不幸的是它不是我最初的問題的修復，但你確實以其他方式幫助我。

來源

2012-09-21 21:15:45 chris

你可能想要做這樣的事情：

var nonSortableColumns = new Array(0, 1, 2, 3);

然後

 "aoColumnDefs": [ 
      { "bSortable": false, "aTargets": nonSortableColumns } 
     ],

來源

2012-09-21 18:36:34

datatables rowGrouping插件aoColumns定義失敗

回答

相關問題