2016-08-16 14 views
0

ng-tableヘッダーに問題があります。ソート矢印は表示されません。並べ替えが正常に動作しています。 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> 

これがなぜ起こるか任意のアイデア?

答えて

0

それはあなたがCSS

<link rel="stylesheet"; href="https://unpkg.com/[email protected]/bundles/ng-table.min.css"> 
に欠けていることが考えられ
関連する問題