SIRIUSでテーブル（表）のソート（並び替え）するには？

SIRIUSサイト上に出力したEXCELの表のようなテーブルデータを訪問者に自由に並び替えしてもらいたいという場合に役立つ技術です

先日、こんな相談を頂きました

サイト上に出力したテーブルって項目の並び替えってできないでしょうか？
提供しているデータをお客さんに任意で操作してもらえたほうが比較情報など色々と情報を参照しやすいのでEXCELのオートフィルタ機能のようなことができないでしょうか？

この考え方ってサイトを訪れるユーザーは実に嬉しいですよね
何かを比較検討する上で、情報の並び替えができるのは非常に助かります
実際に実用的なケースで考えてみました

ホテル情報×テーブル並び替え一覧系

例えば、観光客に対して最安値で止まれるホテルという一覧情報を出した時
情報の並び替えができると、より成約の確率あがりますよね

最安値や評価を基準にテーブル操作ができる例

※上部見出し名をクリックでソート（並び替え）

最安料金/泊▼△	評価情報（5段階）▼△	施設情報▼△	アクセス方法▼△
3100円	3.82	〒030-0802 青森県青森市本町2-1-26 TEL : 017-775-7111 FAX : 017-775-7181 Googleマップ施設提供地図	JR青森駅から徒歩約15分、又は車約3分。青森空港からバス「新町2丁目」下車後徒歩約3分
2500円	3.82	〒030-0801 青森県青森市新町1-11-22 TEL : 0177-23-2001 FAX : 017-723-2009 Googleマップ施設提供地図	ＪＲ奥羽本線「青森駅」より徒歩５分。東北新幹線「新青森駅」より「青森駅」まで１駅６分。
1600円	3.68	〒030-0802 青森県青森市本町2-4-7 TEL : 017-776-7711 FAX : 017-776-7264 Googleマップ施設提供地図	JR・青い森鉄道青森駅から徒歩13分/JR新青森駅から車で約15分/青森中央I.C.から車10分/青森空港から車30分
4860円	4.34	〒030-0801 青森県青森市新町1-6-18 TEL : 017-722-4321 FAX : 017-735-2662 Googleマップ施設提供地図	ＪＲ青森駅より徒歩約５分。東北自動車道青森中央ICから車で約12分。青森空港からタクシーで約30分
3500円	4.22	〒030-0803 青森県青森市安方2-4-12 TEL : 017-732-2580 FAX : 017-735-2584 Googleマップ施設提供地図	●青森駅から徒歩6分●東北自動車道青森中央ICから15分●青森空港からバス約40分「県庁通り」下車徒歩2分
3300円	3.59	〒030-0803 青森県青森市安方2-6-6 TEL : 017-775-8811 FAX : 017-775-8834 Googleマップ施設提供地図	ＪＲ青森駅より徒歩８分青森空港からバス「県庁通り」下車徒歩１分　青森中央インターから車で１５分
5000円	4.43	〒030-0812 青森県青森市堤町1-1-23 TEL : 017-775-4141 FAX : 017-773-5201 Googleマップ施設提供地図	ＪＲ新青森駅から車で20分、青森駅から車で５分。青森空港から車で２５分。青森中央ICから車で15分。
2060円	4.19	〒030-0823 青森県青森市橋本1-1-7 TEL : 017-773-3000 FAX : 017-775-7373 Googleマップ施設提供地図	空港リムジンバス新町二丁目下車徒歩５分東北新幹線新青森駅より車で15分ＪＲ青森駅より徒歩15分・車で5分
5400円	3.84	〒039-3501 青森県青森市大字浅虫字螢谷293-12 TEL : 017-752-3239 FAX : 017-752-2573 Googleマップ施設提供地図	青い森鉄道浅虫温泉駅下車徒歩５分。
7560円	4.53	〒039-3501 青森県青森市浅虫蛍谷31 TEL : 017-752-4411 FAX : 017-752-3314 Googleマップ施設提供地図	青い森鉄道　浅虫温泉駅より　徒歩１分。
7560円	4.53	〒039-3501 青森県青森市大字浅虫字山下236 TEL : 017-752-2023 FAX : 017-752-4018 Googleマップ施設提供地図アクセス : 東北本線浅虫温泉駅より徒歩６分。青森インターより車で４０分。	東北本線浅虫温泉駅より徒歩６分。青森インターより車で４０分。
1550円	3.66	〒030-0803 青森県青森市安方1-3-7 TEL : 017-722-8095 FAX : 017-722-4844 Googleマップ施設提供地図	ＪＲ青森駅より徒歩１分。　青森駅出口から左に120m進む→つきあたりを右に曲がって90m進む。
3740円	4.49	〒030-0802 青森県青森市本町5-1-5 TEL : 017-723-5600 FAX : 017-723-4255 Googleマップ施設提供地図	●JR青森駅から車で5分　●JR新青森駅から車で15分　▲繁華街そば★
1900円	4.17	〒030-0803 青森県青森市安方1-4-14 TEL : 017-723-1000 FAX : 017-723-1008 Googleマップ施設提供地図	青森駅より徒歩5分／青森中央ＩＣより車で15分
6480円	4.5	〒039-3501 青森県青森市浅虫内野14 TEL : 017-752-3341 FAX : 017-752-3483 Googleマップ施設提供地図	青い森鉄道「浅虫温泉駅」下車 / 東北自動車道青森東ICより1５分 / 青森空港より５０分
3400円	3.82	〒030-0801 青森県青森市新町1-1-23 TEL : 017-723-1011 FAX : 017-734-0505 Googleマップ施設提供地図	東北自動車道『青森中央IC』より約15分／青森空港より車で約30分／JR奥羽本線『青森駅』より徒歩2分
2000円	4.24	〒030-0801 青森県青森市新町2-5-7 TEL : 017-775-4311 FAX : 017-775-4317 Googleマップ施設提供地図	ＪＲ青森駅より新町通り徒歩１０分　◆各官公庁まで徒歩２分 ◆コンビにまで徒歩１分　◆食品スーパー隣接
4500円	4.17	〒030-0801 青森県青森市新町1-1-24 TEL : 017-731-3611 FAX : 017-731-3612 Googleマップ施設提供地図	ＪＲ青森駅東口ターミナル正面／東北自動車道青森インターよりお車にて１２分
3250円	4	〒030-0802 青森県青森市本町2-5-18 TEL : 017-723-3200 FAX : 017-723-3270 Googleマップ施設提供地図	〒030-0802 青森県青森市本町2-5-18 : 《交通》ＪＲ青森駅よりお車にて５分／東北自動車道青森中央ＩＣより１０分
2150円	3.98	〒030-0802 青森県青森市本町1-4-16 TEL : 017-723-5500 FAX : 017-723-5601 Googleマップ施設提供地図	《交通》ＪＲ青森駅よりお車にて6分／東北自動車道青森中央ＩＣより１０分
3788円	3.98	〒030-0822 青森県青森市中央1-11-18 TEL : 017-734-4371 FAX : 017-775-1218 Googleマップ施設提供地図	新幹線新青森駅→青森駅より徒歩25分タクシー5分バス市役所前10分。空港よりバスにて柳町通りまで30分下車徒歩3分。
10150円	3.98	〒039-3501 青森県青森市浅虫蛍谷85 TEL : 017-752-2017 FAX : 017-752-2005 Googleマップ施設提供地図	JR 浅虫温泉駅より徒歩3分／東北自動車道青森ICより40分
10150円	3.98	〒039-3501 青森県青森市浅虫山下280 TEL : 0177-52-3202 FAX : 0177-52-3637 Googleマップ施設提供地図	ＪＲ東北本線「浅虫温泉駅」より徒歩３分
5940円	4.36	〒039-3501 青森県青森市浅虫蛍谷25 TEL : 017-752-2001 FAX : 017-752-3366 Googleマップ施設提供地図	青い森鉄道「浅虫温泉駅」より徒歩１分／東北自動車道・青森東ＩＣより１０分
6480円	3.75	〒039-3501 青森県青森市浅虫坂本51-1 TEL : 017-752-3355 FAX : 017-752-2335 Googleマップ施設提供地図	浅虫温泉駅／青森自動車道　青森東ＩＣよりＲ４経由、約１５分
3250円	4.25	〒030-0823 青森県青森市橋本2-13-5 TEL : 017-732-2135 FAX : 017-732-2136 Googleマップ施設提供地図	リンクステーションホール青森まで徒歩５分/青森駅より車で約７分/市営バス・NTT青森支店前下車徒歩２分
3250円	4.25	〒038-1331 青森県青森市浪岡女鹿沢西種本13-1 TEL : 0172-62-8008 FAX : 0172-62-7876 Googleマップ施設提供地図	JR奥羽本線　浪岡駅より徒歩５分
4500円	3.77	〒039-3501 青森県青森市浅虫山下281 TEL : 017-752-2222 FAX : 017-752-2143 Googleマップ施設提供地図分	ＪＲ　浅虫温泉駅より徒歩３分
6500円	3.77	〒039-3524 青森県青森市滝沢住吉248-118 TEL : 017-726-4605 FAX : 017-737-0056 Googleマップ施設提供地図	青森駅より車で３０分～４０分
6156円	3.77	〒039-3301 青森県東津軽郡平内町東田沢10-230 TEL : 017-759-2800 FAX : 017-759-2212 Googleマップ施設提供地図	浅虫温泉駅より車で約３０分

「自分が探したい条件に絞り込める」
どうせ泊まるなら、評価が高いホテル
どうせ泊まるだけだし、最安値でいい
どうせなら、豪華な見た目のホテルに
目的が明確な人ほどダイレクトインです・・ホテルだけに（笑）
おなじデータ一覧を見せるにしても
ユーザーが好きに操作できるかどうか？
それだけでユーザービリティは段違いという例でした
ただ・・やってみてわかったけど・・なかなか難しい(；・∀・)
並び替えの動作自体は簡単だけど
値数が文字列として認識されててうまくソートされない
これを直すためだけに2時間以上試行錯誤したよ・・(´ε｀；)
出力済みの表に「後からでも適応できる仕組み」なので
SIRIUS購入特典のレベルアップセミナーレベル6にも追加しておきます
最安値など価格まとめをテーブル形式で作成してる場合
かなり実用的に役立つ技術だと思います