智能表：禁用列排序

Question

下面的静态示例在名字上排序，但在电子邮件列上禁用排序：

<tr>
    <th st-sort="firstName">first name</th>
    <th>email</th>
</tr>

但是，我的专栏是动态的。所以我在ng-repeat中创建了动态列标题。其他列应该是可排序的，由isSortable标志决定。

     <tr>
        <th st-sort="column.isSortable" ng-repeat="column in columns">{{column.columnName}}</th>
    </tr>

如何仅将isSortable设置为true的列进行排序？

Answer 1

我建议你在内部元素上设置你的st-sort

   <tr>
    <th ng-repeat="column in columns"><span st-sort="column.sortProperty" ng-if="column.isSortable">{{column.columnName}}</span><span ng-if="!column.isSortable">{{column.columnName}}</span></th></tr>

如果您不想重复自己，可以将此逻辑嵌入指令中