ng-table标题中的排序箭头问题

时间:2016-08-16 16:32:08

标签: angularjs ngtable

我对ng-table标题有一个问题:排序箭头没有显示。排序工作正常。

第一行仅用于分组。 在此示例中,数据按ID排序,但指示排序顺序的箭头不会出现。

模板标题代码:

<script type="text/ng-template" id="header_template.html">

   <tr>
   <th colspan="2"></th>

   <th colspan="3">Gross</th>
   </tr>
   <tr>

  <th ng-repeat="column in columns" 
      class="text-center sortable" ng-class="{
                      'sorting' : column.field,
                     'sort-asc': fundTableParam.isSortBy(column.field, 'asc'),
                     'sort-desc': fundTableParam.isSortBy(column.field, 'desc')
        }"

      ng-click="fundTableParam.sorting(column.field, fundTableParam.isSortBy(column.field, 'asc') ? 'desc' : 'asc')">
      {{column.title}}



  </th>
  </tr>

    <tr ng-show="show_filter" class="ng-table-filters">
    <th ng-repeat="column in columns"  class="filter">
        <div ng-repeat="(name, filter) in column.filter">
            <div ng-if="column.filterTemplateURL" ng-show="column.filterTemplateURL">
              <div ng-include="column.filterTemplateURL"></div>
            </div>
            <div ng-if="!column.filterTemplateURL" ng-show="!column.filterTemplateURL">
                <div ng-include="'ng-table/filters/' + filter + '.html'"></div>
            </div>
        </div>
    </th>
</tr>

知道为什么会这样吗?

1 个答案:

答案 0 :(得分:0)

可能是你错过了CSS

<link rel="stylesheet"; href="https://unpkg.com/ng-table@2.0.2/bundles/ng-table.min.css">