<meta http-equiv="Content-Type" content="text/html; charset=x-sjis">

<link REL="SHORTCUT ICON" href="favicon.ico">

<style type="text/css"><!--
.xxx0 { background: #F9F8F9 url('../wttec.gif'); }
.xxx1 { background-color:#E3E0DC; }
.xxx2 { background-color:#FFFFFF; }
body { color:#000000; background: #F9F8F9 url('../wttec.gif'); text-decoration:none; }
a:link { color:#190049; background-color:#FBFAFE; text-decoration:none; }
a:visited { color:#333; background-color:#EDECEF; text-decoration:none; }
a:hover { color:#1F002E; background-color:#D3FE7C; text-decoration:underline; }
a:active { color:#1F002E; background-color:#C3FEBB; text-decoration:underline; }
font {font-size:12px; line-height:14px;}
body,tr,td,form{ font-family:メイリオ.Lucida Sans Regular,MS PGothic,; font-size: 12px}
 --></style>

<base target="_blank">

<title>サンプルページ　　ソート１２</title>

<!--　☆ -----------　↓ この間をコピー＆ペーストします。 ------------　-->
<link rel="stylesheet" type="text/css" href="0621001014.css" />
<script type="text/javascript" src="0621001014.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.dataTables.js"></script>
<script type="text/javascript">
$(function(){
$('.sample').dataTable({});
});
</script>
<!--　☆ -----------　↑ この間をコピー＆ペーストします。 ------------　-->
　

<!--　★　-----------　↓ この間をコピー＆ペーストします。 ------------　-->
<div id="wrapper">
<table summary="sample" class="sample" class="xxx" class="xxx" width="820" border="1" bordercolor="#C0C0C0" cellspacing="0" cellpadding="2">
<thead>
<tr>
<th class="mainHeader" colSpan="11" style="text-align: center; background-color: #004309" height="28">
<font face="メイリオ"><b>メジャーリーグ ベ−スボール　20xx年</b></font><font size="2">　</font></th>
</tr>
<tr>
<th height="23">順位</th>
<th height="23"><a title="Team Name、ｸﾘｯｸ → 文字列昇/降順ｿｰﾄ"
onclick="this.blur(); return sortTable('offTblBdy', 1, false);" href>ﾁｰﾑ名</a></th>
<th height="23"><span title="Games Played">ﾃﾞｰﾀ　</span></th>
<th height="23"><a title="Total Yards、ｸﾘｯｸ → 文字列昇/降順ｿｰﾄ" onclick="this.blur(); return sortTable('offTblBdy', 3, true);"
href>項目1</a>　</th>
<th height="23"><a title="Yards Per Game、ｸﾘｯｸ → 文字列昇/降順ｿｰﾄ " onclick="this.blur(); return sortTable('offTblBdy', 4, true);"
href>項目2</a>　</th>
<th height="23"><a title="Total Rushing Yards、ｸﾘｯｸ → 文字列昇/降順ｿｰﾄ "
onclick="this.blur(); return sortTable('offTblBdy', 5, true);" href>項目3</a>　</th>
<th class="sortedColumn" height="23"><a title="Rushing Yards Per Game、ｸﾘｯｸ → 文字列昇/降順ｿｰﾄ" onclick="this.blur(); return sortTable('offTblBdy', 6, true);" href>項目4</a>　</th>
<th height="23"><a title="Total Passing Yards、ｸﾘｯｸ → 文字列昇/降順ｿｰﾄ"
onclick="this.blur(); return sortTable('offTblBdy', 7, true);" href>項目5</a>　</th>
<th height="23"><a title="Passing Yards Per Game、ｸﾘｯｸ → 文字列昇/降順ｿｰﾄ"
onclick="this.blur(); return sortTable('offTblBdy', 8, true);" href>項目6</a>　</th>
<th height="23"><a title="Total Points Scored、ｸﾘｯｸ → 文字列昇/降順ｿｰﾄ"
onclick="this.blur(); return sortTable('offTblBdy', 9, true);" href>項目7</a>　</th>
<th height="23"><a title="Points Per Game、ｸﾘｯｸ → 文字列昇/降順ｿｰﾄ"
onclick="this.blur(); return sortTable('offTblBdy', 10, true);" href>項目8</a>　</th>
</tr>
</thead>
<tbody id="offTblBdy" lastColumn="6">
<tr class rank="1">
<td class="numeric">1</td>
<td>
<a href="https://www　……　jp/baseball/mlb/team/pirates/">ﾋﾟｯﾂﾊﾞｰｸﾞ</a></td>
<td class="numeric">1</td>
<td class="numeric">5887</td>
<td class="numeric">367.9</td>
<td class="numeric">2774</td>
<td class="numeric sortedColumn">173.4</td>
<td class="numeric">3113</td>
<td class="numeric">194.6</td>
<td class="numeric">352</td>
<td class="numeric">22.0</td>
</tr>
<tr class="alternateRow" rank="2">
<td class="numeric">2</td>
<td>
<a href="http://sanfrancisco.……　?c_id=sf">ｻﾝﾌﾗﾝｼｽｺ</a></td>
<td class="numeric">2</td>
<td class="numeric">5689</td>
<td class="numeric">355.6</td>
<td class="numeric">2244</td>
<td class="numeric sortedColumn">140.2</td>

====  この間､説明を省略、 各々のｺﾝﾃﾝﾂを記述　　====

<td class="numeric">259.5</td>
<td class="numeric">1351</td>
<td class="numeric sortedColumn">84.4</td>
<td class="numeric">2801</td>
<td class="numeric">175.1</td>
<td class="numeric"> <td class="numeric">259.5</td>
<td class="numeric">1351</td>
<td class="numeric sortedColumn">84.4</td>
<td class="numeric">2801</td>
<td class="numeric">175.1</td>
<td class="numeric">285</td>
<td class="numeric">17.8</td>
</tr>
</table>
</div>
<p/>
<!--　★　-----------　↑ この間をコピー＆ペーストします。 ------------　-->
</td>
<td class="numeric">17.8</td>
</tr>
</table>
</div>
<p/>
<!--　★　-----------　↑ この間をコピー＆ペーストします。 ------------　-->