html - Twitter Bootstrapを使用してテーブルを並べ替えることができるようにするにはどうすればよいですか？

Question

テーブルをTwitterBootstrapで並べ替えることができるようにするにはどうすればよいですか？考慮すべきことは何ですか？

Answer 1

ブートストラップ テーブルでソートする機能を提供するライブラリがあります。

これを使用する方法の簡単なデモンストレーションを次に示します。

HTML:

<table class="table table-bordered table-striped sortable">
   <thead>
      <tr>
      <th data-defaultsign="month" data-sortcolumn="1" data-sortkey="1-1">
       Date
      </th>
      </tr>
   </thead>
   <tbody>
     <tr>
        <td data-dateformat="D-M-YYYY">16.4.2004</td>
     </tr>
     <tr>
        <td data-dateformat="D-M-YYYY">6.7.2002</td>
     </tr>
     <tr>
        <td data-dateformat="D-M-YYYY">4.4.2004</td>
     </tr>
     <tr>
        <td data-dateformat="D-M-YYYY">6.6.2012</td>
     </tr>
   </tbody>
</table> 

JS:

(function () {
    var $table = $('table');
    $table.on('sorted', function () {
        console.log("Table was sorted.");
    });
}());

HTH。