元のテーブル

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%

テーマ「default」

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%

テーマ「dark」

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%

テーマ「paper」

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%

テーマ「stats」

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%

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

  • files
  • js
  • html
<link href="<PATH>/tablecloth.css" rel="stylesheet" />
<link href="<PATH>/bootstrap-tables.cs" rel="stylesheet" />
<script src="<PATH>/jquery.min.js"></script>
<script src="<PATH>/jquery.tablecloth.js"></script>
<script>
	$(window).load(function(){
		$('#tablecloth .demo-table01').tablecloth({
			theme: "default"
		});
		$('#tablecloth .demo-table02').tablecloth({
			theme: "dark"
		});
		$('#tablecloth .demo-table03').tablecloth({
			theme: "paper"
		});
		$('#tablecloth .demo-table04').tablecloth({
			theme: "stats"
		});
	});
</script>
<p class="title">元のテーブル</p>
<table class="demo-table">
	<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>
</table>

<p class="title">テーマ「default」</p>
<table class="demo-table01">
	<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>
</table>

<p class="title">テーマ「dark」</p>
<table class="demo-table02">
	<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>
</table>

<p class="title">テーマ「paper」</p>
<table class="demo-table03">
	<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>
</table>

<p class="title">テーマ「stats」</p>
<table class="demo-table04">
	<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>
</table>

tableclothについて

tableclothは、4つのテーマでテーブルを装飾してくれるプラグインです。
お手軽にテーブルを装飾したい人向けです。
ダウンロード こちら
ドキュメント こちら
デモ こちら
ライセンスNo license
対応ブラウザ

関連するjQueryプラグイン

  • Handsontable

    Handsontable

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

  • tableHover

    tableHover

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

  • DataTables

    DataTables

    検索、ソート、ページャー機能をテーブルに追加できる

  • AnimatedTableSorter

    AnimatedTableSorter

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