角度データセット：非テキストデータの並べ替え

Question

非テキストデータを含む列のカスタム並べ替えを作成する方法はありますか？ここで

はスナップショットです：

私はアイコンのシンボルでソートしたいと思います。

P.S.両方のアイコンは、ng-ifとデータセットのブール値を使用して表示されます。

編集：データを表示する角度の方法を使用しています。

<table datatable="ng" dt-options="dtOptionsLoginHistory" dt-column-defs="dtColumnDefsLoginHistory" 
       class="table table-striped row-border hover" 
       width="100%"> 
      <thead> 
      <tr> 
       <th>Success</th> 
      </tr> 
      </thead> 
      <tbody> 
      <tr ng-repeat="entry in entries"> 
       <td style="width: 10%;"> 
        <i ng-if="!entry.failed" class="fa fa-check" style="color: green;"></i> 
        <i ng-if="entry.failed" class="fa fa-times" style="color: red;"></i> 
       </td> 
      </tr> 
      </tbody> 
     </table> 

Answer 1

あなたが望むものを達成するには、いくつかの異なる方法があります。

$.fn.dataTable.ext.order['fa-classes'] = function(settings, col) { 
    return this.api().column(col, {order:'index'}).nodes().map(function(td, i) { 
    return $('i', td).hasClass('fa-check') ? '1' : '0'; 
    }) 
} 

はすべて<i class="fa fa-check">ため1、他の0を与える：あなたのセットアップと考える私は、最も簡単にはfa-*クラス<i>要素がでレンダリングされているに基づいて値を返す特殊なorderTypeを作成するだろうと信じています。これは、複数の異なる注文値を返すswitch { .. }でもかまいません。 - >http://plnkr.co/edit/8S5f2MR331CiNBYYfDQf?p=preview

Answer 2

ORDERBYフィルタを追加します。

<tr ng-repeat="entry in entries orderBy : 'failed' "> 
    <td style="width: 10%;"> 
     <i ng-if="!entry.failed" class="fa fa-check" style="color: green;"></i> 
     <i ng-if="entry.failed" class="fa fa-times" style="color: red;"></i> 
    </td> 
</tr>