Скрыть/удалить дополнительный виджет выпадающего списка из jQuery ColumnFIlterWidget плагин в Angular Datatable

Question

В основном я пытаюсь достичь 2 вещей здесь. Я использую columnFilterWidget.js jQuery DataTable Plugin здесь для фильтрации столбцов. У меня возникают некоторые проблемы в «Исключении» одного дополнительного раскрывающегося списка, которое является 6-м номером <td>, и оно содержит весь HTML-контент с данными. В настоящее время За исключением шестого столбца взлетает все данные и показывает пустой 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] 

Вот мои app.js

$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

я мог исправить это, используя синтаксис по-разному. Используя 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, 
       })