ng-table 열을 숨기는 방법?

Question

내가 vm.allRecords이 true로 설정되어있는 경우 하나 개의 다른 열을 표시 NG 숨기기 및 NG-쇼를 사용하여 시도했습니다 I :

<table ng-table="vm.tableParams" ng-hide="vm.noRecords || vm.DashboardService.loading"> 
    <tr ng-repeat="record in $data"> 
     <td title="'Title'" sortable="'title'" class="title"> 
      <a ng-href="{{vm.baseUrl}}#entity/displayEntity?entityId={{record.entityId}}" target="_blank"> 
       {{record.title}} 
      </a> 
     </td> 
     <td title="'Date Created'" sortable="'createdDate'" class="date">{{record.createdDate}}</td> 
     <td title="'Last Modified'" sortable="'lastModified'" class="date">{{record.lastModified}}</td> 
     <td title="'Notebook Descriptor'" sortable="'notebookDescription[0]'" class="description"> 
      <ul> 
       <li ng-repeat="description in record.notebookDescription">{{description}}</li> 
      </ul> 
     </td> 
     <td title="'Witness'" sortable="'witnesses[0].display'" class="witness" ng-hide="vm.allRecords"> 
      <ul> 
       <li ng-repeat="witness in record.witnesses">{{witness.display}}</li> 
      </ul> 
     </td> 
     <td title="'Due Date'" sortable="'dueDate'" class="date" ng-hide="vm.allRecords">{{record.dueDate}}</td> 
     <td title="'Status'" sortable="'status'" class="status" ng-show="vm.allRecords">{{record.status}}</td> 
    </tr> 
</table> 

하지만 헤더에있는 세포는 숨겨지지 않습니다. 나는 또한 이것을 사용하여 사용자 지정 th를 사용하려고했습니다.

<tr> 
    <th>Title</th> 
    <th>Date Created</th> 
    <th>Last Modified</th> 
    <th>Notebook Descriptor</th> 
    <th ng-hide="vm.allRecords">Witness</th> 
    <th ng-hide="vm.allRecords">Due Date</th> 
    <th ng-show="vm.allRecords">Status</th> 
</tr> 

작동하지만 정렬이 없습니다. 어떻게 열을 숨기고 정렬 할 수 있습니까?

Answer 1

ng-show/ng-hide를 ng-if로 변경했는데 작동합니다.