2016-08-16 2 views
0

J'ai un problème avec l'en-tête ng-table: la flèche de tri n'apparaît pas. le tri fonctionne bien. Problème avec la flèche de tri dans l'en-tête ng-table

La première ligne est juste pour le regroupement. Dans cet exemple, les données sont triées par ID, mais la flèche indiquant l'ordre de tri n'apparaît pas.

Modèle Code d'en-tête:

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

Toute idée pourquoi cela se produit?

Répondre

0

Il se pourrait que vous manque le CSS

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