トップ  >  2012年  >  2012.03.15 [jQuery] DataTables で表組の並べ替え
features
[jQuery] DataTables で表組の並べ替え
2012.03.15記
jQuery で表組みに装飾や並べ替えができる「DataTables」を試してみました。
http://datatables.net/
No.季節果物日付曜日価格
1りんご2012/1/1Mon.200
2バナナ2011/1/25Tue.150
3レモン2010/9/10Wed.300
4いちご2000/3/24Thu.400
5蜜柑2012/3/15Fri.250
6キュウイ1999/9/9Sat.100
7マンゴー2012/2/29Sun50
8パイナップル2006/4/4Mon.600
9柘榴2005/11/3Tue.350
10イチジク2012/3/17Wed.120
112003/7/18Thu.70
122011/12/29Fri.60
13ブルーベリー2012/11/11Sat.550
14葡萄2012/11/1Sun450
No.季節果物日付曜日価格

こんな感じで記述しました
<link rel="stylesheet" type="text/css" media="all" href="/parts/datatable/css/jquery.dataTables.css" />
<script type="text/javascript" language="javascript" src="/parts/datatable/jquery.dataTables.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
	$('#dataTable').dataTable({
		"aLengthMenu":[3,5,10,20,50,100]
	});
});
</script>

<table id="dataTable" cellspacing="0" border="0" class="display">
<thead>
<tr><th>No.</th><th>季節</th><th>果物</th><th>日付</th><th>曜日</th><th>価格</th></tr>
</thead>
<tbody>
<tr><td>1</td><td>冬</td><td>りんご</td><td>2012/1/1</td><td>Mon.</td><td>200</td></tr>
・
・

日本語化ってどうやってやるんだろう?
上記表組みの「曜日」のようなものをソートする場合、ソート順の指定をすることが可能なのだろうか?

----
http://baalzephon.dyndns.org/tech/index.php?JavaScript%2FjQuery%2FDataTables
前
2012.04.15 Google Apps Script
カテゴリートップ
2012年
次
2012.02.15 PHPExcel で罫線を引く

PAGE TOP 
メニュー
サイト内検索
ログイン
ユーザ名:

パスワード:


パスワード紛失

新規登録
Copyright(C) 1999-2017 keibunsya all right reserved.