2016-08-16 83 views
0

我有一個與ng表頭問題:排序箭頭不顯示。排序工作正常。 與ng表頭中的排序箭頭問題

第一行僅用於分組。 在這個例子中,數據按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> 

任何想法,爲什麼出現這種情況?

回答

0

這可能是因爲你缺少的CSS

<link rel="stylesheet"; href="https://unpkg.com/[email protected]/bundles/ng-table.min.css">