YearFilmCredit RoleGrossedIMDBRotten Tomatoes
1977Annie HallAlvy Singer$135,852,6008.298%
2006ScoopSid Waterman$12,727,3006.739%
1973SleeperMiles Monroe$82,084,9007.3100%
1979ManhattanIsaac Davis$126,047,2008.098%
1975Love And DeathBoris Grushenko$77,746,4007.7100%
2011Midnight in Paris$56,257,7007.893%
1982A Midsummer Night’s Sex ComedyAndrew$24,453,1006.676%
1997Deconstructing HarryHarry Block$18,046,9007.371%
1991Shadows and FogKleinman6.655%
2009Whatever Works$5,633,4007.250%
2011Midnight in Paris$56,257,7007.893%
1982A Midsummer Night’s Sex ComedyAndrew$24,453,1006.676%
1997Deconstructing HarryHarry Block$18,046,9007.371%
1991Shadows and FogKleinman6.655%
2009Whatever Works$5,633,4007.250%

このプラグインの実際の動きを確認したい場合は、PCからアクセスして下さい。

  • files
  • js
  • html
<link href="<PATH>/jquery.dataTables.css" rel="stylesheet" />
<script src="<PATH>/jquery.min.js"></script>
<script src="<PATH>/jquery.dataTables.min.js"></script>
<script>
	$(window).load(function(){
		$('#DataTables table').dataTable();
	});
</script>
<table id="DataTablesDemo">
	<thead>
		<th>Year</th>
		<th>Film</th>
		<th>Credit Role</th>
		<th>Grossed</th>
		<th>IMDB</th>
		<th>Rotten Tomatoes</th>
	</thead>
	<tr>
		<td>1977</td>
		<td>Annie Hall</td>
		<td>Alvy Singer</td>
		<td>$135,852,600</td>
		<td>8.2</td>
		<td>98%</td>
	</tr>
	<tr>
		<td>2006</td>
		<td>Scoop</td>
		<td>Sid Waterman</td>
		<td>$12,727,300</td>
		<td>6.7</td>
		<td>39%</td>
	</tr>
	<tr>
		<td>1973</td>
		<td>Sleeper</td>
		<td>Miles Monroe</td>
		<td>$82,084,900</td>
		<td>7.3</td>
		<td>100%</td>
	</tr>
	<tr>
		<td>1979</td>
		<td>Manhattan</td>
		<td>Isaac Davis</td>
		<td>$126,047,200</td>
		<td>8.0</td>
		<td>98%</td>
	</tr>
	<tr>
		<td>1975</td>
		<td>Love And Death</td>
		<td>Boris Grushenko</td>
		<td>$77,746,400</td>
		<td>7.7</td>
		<td>100%</td>
	</tr>
	<tr>
		<td>2011</td>
		<td>Midnight in Paris</td>
		<td></td>
		<td>$56,257,700</td>
		<td>7.8</td>
		<td>93%</td>
	</tr>
	<tr>
		<td>1982</td>
		<td>A Midsummer Night's Sex Comedy </td>
		<td>Andrew</td>
		<td>$24,453,100</td>
		<td>6.6</td>
		<td>76%</td>
	</tr>
	<tr>
		<td>1997</td>
		<td>Deconstructing Harry</td>
		<td>Harry Block</td>
		<td>$18,046,900</td>
		<td>7.3</td>
		<td>71%</td>
	</tr>
	<tr>
		<td>1991</td>
		<td>Shadows and Fog</td>
		<td>Kleinman</td>
		<td></td>
		<td>6.6</td>
		<td>55%</td>
	</tr>
	<tr>
		<td>2009</td>
		<td>Whatever Works</td>
		<td></td>
		<td>$5,633,400</td>
		<td>7.2</td>
		<td>50%</td>
	</tr>
	<tr>
		<td>2011</td>
		<td>Midnight in Paris</td>
		<td></td>
		<td>$56,257,700</td>
		<td>7.8</td>
		<td>93%</td>
	</tr>
	<tr>
		<td>1982</td>
		<td>A Midsummer Night's Sex Comedy </td>
		<td>Andrew</td>
		<td>$24,453,100</td>
		<td>6.6</td>
		<td>76%</td>
	</tr>
	<tr>
		<td>1997</td>
		<td>Deconstructing Harry</td>
		<td>Harry Block</td>
		<td>$18,046,900</td>
		<td>7.3</td>
		<td>71%</td>
	</tr>
	<tr>
		<td>1991</td>
		<td>Shadows and Fog</td>
		<td>Kleinman</td>
		<td></td>
		<td>6.6</td>
		<td>55%</td>
	</tr>
	<tr>
		<td>2009</td>
		<td>Whatever Works</td>
		<td></td>
		<td>$5,633,400</td>
		<td>7.2</td>
		<td>50%</td>
	</tr>
</table>

DataTablesについて

DataTablesは、テーブルに検索機能、ページ送り機能、ソート機能を追加できるプラグインです。
検索ボックスなどはオプションで表示、非表示を切り替えられます。
IE6でも一応機能します。
ダウンロード こちら
ドキュメント こちら
デモ こちら
ライセンスBSD or GPL v2
対応ブラウザ

関連するjQueryプラグイン

  • Handsontable

    Handsontable

    エクセル風に操作できるテーブルをとても簡単に設置できる

  • tablecloth

    tablecloth

    4つのテーマでテーブルを装飾してくれる

  • AnimatedTableSorter

    AnimatedTableSorter

    簡単にテーブルにソート機能をつけることができる

  • tableHover

    tableHover

    シンプルにテーブルのユーザビリティーを向上できる