<html>
<head>
<script src="./SuperTables030/javascripts/superTables_compressed.js" type="text/javascript"></script>
<link href="./SuperTables030/stylesheets/superTables_compressed.css" rel="stylesheet"
type="text/css" />
<style>
.fakeContainer
{
/* The parent container 你的Table一定要用这个div class包起来*/
margin: 20px;
padding: 0px;
border: none;
width: 500px; /* Required to set */
height: 400px; /* Required to set */
overflow: hidden; /* Required to set */
}
</style>
</head>
<body>
<div class="fakeContainer">
<table id="demoTable" style="margin-top: -23px; margin-left: -99px;" class=" sDefault sDefault-Main">
<colgroup>
<col width="98">
<col width="91">
<col width="89">
<col width="40">
<col width="83">
<col width="217">
<col width="115">
<col width="130">
</colgroup>
<tbody>
<tr><th>Account</th>
<th>First Name</th>
<th>Last Name</th>
<th>Age</th>
<th>State</th>
<th>Email Address</th>
<th>Favorite Color</th>
<th>Favorite Season</th>
</tr>
<tr><td><input type="text" value="account0001"></td>
<td>Jim</td>
<td>Bo</td>
<td>25</td>
<td>Delaware</td>
<td>Jim.Bo@gmail.com</td>
<td>Blue</td>
<td>Winter</td>
</tr>
<tr><td>account0002</td>
<td>Alley</td>
<td>Bo</td>
<td>28</td>
<td>Delaware</td>
<td>Alley.Bo@gmail.com</td>
<td>Red</td>
<td>Summer</td>
</tr>
<tr><td>account0003</td>
<td>Pablo</td>
<td>Picasso</td>
<td>65</td>
<td>N/A</td>
<td>pablo.picasso@universe.com</td>
<td>All</td>
<td>Spring</td>
</tr>
<tr><td>account0004</td>
<td>Jen</td>
<td>Dotsen</td>
<td>36</td>
<td>Maryland</td>
<td>jdotsen@yahoo.com</td>
<td>Pink</td>
<td>Winter</td>
</tr>
<tr><td>account0005</td>
<td>Bill</td>
<td>Tucker</td>
<td>12</td>
<td>Wyoming</td>
<td>superman@gmail.com</td>
<td>Green</td>
<td>Fall</td>
</tr>
<tr><td>account0006</td>
<td>Mary</td>
<td>Swanson</td>
<td>35</td>
<td>Colorado</td>
<td>mary.swanson@samsonite.com</td>
<td>Green</td>
<td>Spring</td>
</tr>
<tr><td>account0007</td>
<td>Chris</td>
<td>Tucker</td>
<td>38</td>
<td>California</td>
<td>ctucker@rushhour.com</td>
<td>Gold</td>
<td>Summer</td>
</tr>
<tr><td>account0008</td>
<td>Bat</td>
<td>Man</td>
<td></td>
<td>New York</td>
<td>batman@gotham.net</td>
<td>Black</td>
<td></td>
</tr>
<tr><td>account0009</td>
<td>Jimmy</td>
<td>Johnson</td>
<td>31</td>
<td>Nascar</td>
<td>jj@nascar.us</td>
<td>White</td>
<td>Summer</td>
</tr>
<tr><td>account0010</td>
<td>Britney</td>
<td>Spears</td>
<td>11</td>
<td>Tennessee</td>
<td>bspears@asylum.com</td>
<td>Red</td>
<td>Spring</td>
</tr>
<tr><td>account0011</td>
<td>M</td>
<td>Jordan</td>
<td>23</td>
<td>Illinois</td>
<td>mjordan@dabulls.com</td>
<td>Red</td>
<td>Winter</td>
</tr>
<tr><td>account0012</td>
<td>50</td>
<td>Cent</td>
<td>34</td>
<td>Alabama</td>
<td>fiddy@bama.com</td>
<td>Platinum</td>
<td>Fall</td>
</tr>
<tr><td>account0013</td>
<td>Jim</td>
<td>Bo</td>
<td>25</td>
<td>Delaware</td>
<td>Jim.Bo@gmail.com</td>
<td>Blue</td>
<td>Winter</td>
</tr>
<tr><td>account0014</td>
<td>Alley</td>
<td>Bo</td>
<td>28</td>
<td>Delaware</td>
<td>Alley.Bo@gmail.com</td>
<td>Red</td>
<td>Summer</td>
</tr>
<tr><td>account0015</td>
<td>Pablo</td>
<td>Picasso</td>
<td>65</td>
<td>N/A</td>
<td>pablo.picasso@universe.com</td>
<td>All</td>
<td>Spring</td>
</tr>
<tr><td>account0016</td>
<td>Jen</td>
<td>Dotsen</td>
<td>36</td>
<td>Maryland</td>
<td>jdotsen@yahoo.com</td>
<td>Pink</td>
<td>Winter</td>
</tr>
<tr><td>account0017</td>
<td>Bill</td>
<td>Tucker</td>
<td>12</td>
<td>Wyoming</td>
<td>superman@gmail.com</td>
<td>Green</td>
<td>Fall</td>
</tr>
<tr><td>account0018</td>
<td>Mary</td>
<td>Swanson</td>
<td>35</td>
<td>Colorado</td>
<td>mary.swanson@samsonite.com</td>
<td>Green</td>
<td>Spring</td>
</tr>
<tr><td>account0019</td>
<td>Chris</td>
<td>Tucker</td>
<td>38</td>
<td>California</td>
<td>ctucker@rushhour.com</td>
<td>Gold</td>
<td>Summer</td>
</tr>
<tr><td>account0020</td>
<td>Bat</td>
<td>Man</td>
<td></td>
<td>New York</td>
<td>batman@gotham.net</td>
<td>Black</td>
<td></td>
</tr>
<tr><td>account0021</td>
<td>Jimmy</td>
<td>Johnson</td>
<td>31</td>
<td>Nascar</td>
<td>jj@nascar.us</td>
<td>White</td>
<td>Summer</td>
</tr>
<tr><td>account0022</td>
<td>Britney</td>
<td>Spears</td>
<td>11</td>
<td>Tennessee</td>
<td>bspears@asylum.com</td>
<td>Red</td>
<td>Spring</td>
</tr>
<tr><td>account0023</td>
<td>M</td>
<td>Jordan</td>
<td>23</td>
<td>Illinois</td>
<td>mjordan@dabulls.com</td>
<td>Red</td>
<td>Winter</td>
</tr>
<tr><td>account0024</td>
<td>50</td>
<td>Cent</td>
<td>34</td>
<td>Alabama</td>
<td>fiddy@bama.com</td>
<td>Platinum</td>
<td>Fall</td>
</tr>
<tr><td>account0025</td>
<td>Jim</td>
<td>Bo</td>
<td>25</td>
<td>Delaware</td>
<td>Jim.Bo@gmail.com</td>
<td>Blue</td>
<td>Winter</td>
</tr>
<tr><td>account0026</td>
<td>Alley</td>
<td>Bo</td>
<td>28</td>
<td>Delaware</td>
<td>Alley.Bo@gmail.com</td>
<td>Red</td>
<td>Summer</td>
</tr>
<tr><td>account0027</td>
<td>Pablo</td>
<td>Picasso</td>
<td>65</td>
<td>N/A</td>
<td>pablo.picasso@universe.com</td>
<td>All</td>
<td>Spring</td>
</tr>
<tr><td>account0028</td>
<td>Jen</td>
<td>Dotsen</td>
<td>36</td>
<td>Maryland</td>
<td>jdotsen@yahoo.com</td>
<td>Pink</td>
<td>Winter</td>
</tr>
<tr><td>account0029</td>
<td>Bill</td>
<td>Tucker</td>
<td>12</td>
<td>Wyoming</td>
<td>superman@gmail.com</td>
<td>Green</td>
<td>Fall</td>
</tr>
<tr><td>account0030</td>
<td>Mary</td>
<td>Swanson</td>
<td>35</td>
<td>Colorado</td>
<td>mary.swanson@samsonite.com</td>
<td>Green</td>
<td>Spring</td>
</tr>
<tr><td>account0031</td>
<td>Chris</td>
<td>Tucker</td>
<td>38</td>
<td>California</td>
<td>ctucker@rushhour.com</td>
<td>Gold</td>
<td>Summer</td>
</tr>
<tr><td>account0032</td>
<td>Bat</td>
<td>Man</td>
<td></td>
<td>New York</td>
<td>batman@gotham.net</td>
<td>Black</td>
<td></td>
</tr>
<tr><td>account0033</td>
<td>Jimmy</td>
<td>Johnson</td>
<td>31</td>
<td>Nascar</td>
<td>jj@nascar.us</td>
<td>White</td>
<td>Summer</td>
</tr>
<tr><td>account0034</td>
jquery固定表头和列 - Google和火狐都通过
5星 · 超过95%的资源 需积分: 33 6 浏览量
2012-11-23
16:53:13
上传
评论
收藏 5KB ZIP 举报 
jquery固定表头和列 - Google和火狐都通过.zip （3个子文件） 
testSuperTables.html 26KB
SuperTables030 javascripts 
superTables_compressed.js 6KB stylesheets superTables_compressed.css 2KB
- 1
- 2
- 3
前往页