ワイズリマインダー

【隠し数値で】テーブルの並び替え(ソート)

第1位等の順位や、三桁カンマ、文字列などで、思い通りにソートできない場合
隠し値を設定し、その値でソートする事ができる。

ヘッダー

<script type="text/javascript" src="jquery.metadata.js"></script>

table

<table id="TableName"><thead>
 <tr>
  <th class="{sorter:'metadata'}">都道府県</th>
  <th class="{sorter:'metadata'}">人口</th>
  <th class="{sorter:'metadata'}">面積</th>
  <th class="{sorter:'metadata'}">人口密度</th>
 </tr>
</thead><tbody>
 <tr>
  <td class="{sortValue:13}">東京都</td>
  <td class="{sortValue:13286735}">13,286,735</td>
  <td class="{sortValue:2188.67}">2,188.67</td>
  <td class="{sortValue:6070.69}">6,070.69</td>
 </tr>
 <tr>
  <td class="{sortValue:14}">神奈川県</td>
  <td class="{sortValue:9081,742}">9,081,742</td>
  <td class="{sortValue:2416.05}">2,416.05</td>
  <td class="{sortValue:3758.92}">3,758.92</td>
 </tr>
 <tr class="{sortValue:26}">
  <td>大阪府</td>
  <td class="{sortValue:8860280}">8,860,280</td>
  <td class="{sortValue:190142}">1,901.42</td>
  <td class="{sortValue:468982}">4,689.82</td>
 </tr>
</tbody></table>

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください