角型データテーブルのjQuery ColumnFIlterWidgetプラグインから余分なドロップダウンウィジェットを非表示/削除

Question

基本的に私はここで2つのことを達成しようとしています。私はcolumnFilterWidget.js jQuery DataTable Pluginを列フィルタリングに使用しています。私は6番目の<td>である1つのExtraドロップダウンを「除外する」にいくつかの問題があり、それはdataTableコンテンツHTML全体を持っています。現在、6列目のデータをすべてオフに取っている。ここで、空のDataTable

を見せているを除外する私のHTMLです：

ここ

<table datatable="ng" dt-options="dtOptions" 
    dt-instance="dtInstanceCallback" style="width: 100%" id="quoteMgmt"> 

    <thead> 
     <tr> 
      <th>Customer</th> 
      <th>Origin City</th> 
      <th>Origin State</th> 
      <th>Destination City</th> 
      <th>Destination State</th> 
      <th></th> 

     </tr> 
    </thead> 
    <tbody> 

     <tr ng-repeat="quote in mgmtQuote track by quote.quoteNumber"> 

      <td style="display: none"> 
       {{ quote.customerInfoVo.customerName }}</td> 
      <td style="display: none"> 
       {{ quote.eqmCommonInfo.origCity }}</td> 
      <td style="display: none"> 
       {{ quote.eqmCommonInfo.origState }}</td> 
      <td style="display: none"> 
       {{ quote.eqmCommonInfo.destCity }}</td> 
      <td style="display: none"> 
       {{ quote.eqmCommonInfo.destState }}</td>  

      <td> 
       <div class="row"> 
        <div class="seven columns"> 
        [Datatable Content] 

は私が

$scope.dtOptions = DTOptionsBuilder.newOptions() 
       .withOption('sDom', 'ltip') 
       .withOption('iDisplayLength', 25) 
       .withOption('fnDrawCallback',function(oSettings){$(oSettings.nTHead).hide();SpinnerService.hide();}) 
       .withOption('aaSorting',[]) 
       .withLanguage({"sEmptyTable":"No quotes available"}) 
       .withOption("sDom", 'W<"clear">lfrtip') 
       .withOption('aoColumnDefs',[{ 
        'bVisible':true,'aTargets':[0,1,2,3,4] 
       }]) 
       .withOption('aoColumnDefs',[{ 
        'bVisible':false,'aTargets':[5] 
       }]); 

Answer 1

私app.js可能性があります別の方法で構文を使用して修正してください。 Angular Datatable DTOptionsBuilderを使用する場合、構文は注意深く使用する必要があります。それが誰かを助けるかどうかのために私の答えを掲示する。

$scope.dtOptions = DTOptionsBuilder.newOptions() 
       .withOption('iDisplayLength', 25) 
       .withOption('fnDrawCallback',function(oSettings){$(oSettings.nTHead).hide();SpinnerService.hide();}) 
       .withOption('aaSorting',[]) 
       .withOption('bJQueryUI',false) 
       .withOption('bDeferRender',true) 
       .withLanguage({"sEmptyTable":"No quotes available"}) 
       .withOption("sPaginationType",'full_numbers') 
       .withOption('sDom', 'W<"clear">lrtip') 
       .withOption("aoColumns",[ 
        /*0 Customer */   {"bVisible":false}, 
        /*1 Origin City */  {"bVisible":false}, 
        /*2 Origin State */  {"bVisible":false}, 
        /*3 Desination City */ {"bVisible":false}, 
        /*4 Desination State */ {"bVisible":false}, 
        /*5 Equipment Type */ {"bVisible":false}, 
        /*6 Entire Datatable */ {"bVisible":true}, 
        /*7 Sent Date */  {"bVisible":false}, 
        /*8 Expiration Date */ {"bVisible":false}, 
        /*9 Awarded Date */  {"bVisible":false}, 
        /*10 Awarded Date desc*/{"bVisible":false} 
       ]) 
       .withOption("oColumnFilterWidgets",{ 
         "aiExclude":[6,7,8,9,10], 
         "sSeparator": "\\s*/+\\s*", 
         "bGroupTerms": false, 
       })