如何隐藏 ng-table 列？

Question

我已经尝试使用 ng-hide 和 ng-show 在 vm.allRecords 设置为 true 时显示不同的列：

<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>

但 header 中的单元格未隐藏。我也尝试使用自定义 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 并且它有效。

如何隐藏 ng-table 列？

How to hide ng-table columns?

javascript

angularjs

ngtable