html+js+css固定表格行列资源-CSDN文库

共4个文件

js：1个

ds_store：1个

html：1个

表格行列固定

5星 · 超过95%的资源需积分: 50 94 浏览量 2010-11-30 11:10:24 上传评论 4 收藏 7KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

SuperTables.zip （4个子文件）

SuperTables

superTables.html 6KB

superTables.js 9KB

.DS_Store 6KB

superTables.css 3KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="content-style-type" content="text/css" /> <meta http-equiv="content-script-type" content="text/javascript" /> <title>Super Tables Demo</title> <link href="superTables.css" rel="Stylesheet" type="text/css" /> <style type="text/css"> body { padding: 0 20px; font-family: Tahoma, Arial, sans serif; } .fakeContainer { /* The parent container */ margin: 0 0 20px; border: none; width: 600px; /* Required to set */ height: 200px; /* Required to set */ overflow: hidden; /* Required to set */ } h3 { margin: 2em 0 0.5em; } </style> </head> <body> <h1>Super Tables</h1> <h2>足球选手高额转会费排名</h2> <h3>只是头固定</h3> <div class="fakeContainer"> <table id="demoTableA"> <tr> <th>No.</th> <th>姓名</th> <th>原来球队</th> <th>转会球队</th> <th>转会年度</th> <th>转会费</th> </tr> <tr> <td>1</td> <td>西罗</td> <td>曼联</td> <td>皇家马德里</td> <td>2009年</td> <td>9400万欧元</td> </tr> <tr> <td>2</td> <td>齐达内</td> <td>aaa</td> <td>bbb</td> <td>2001年</td> <td>7500万欧元</td> </tr> <tr> <td>3</td> <td>卡卡</td> <td>AC米兰</td> <td>皇家马德里</td> <td>2009年</td> <td>6500万欧元</td> </tr> <tr> <td>4</td> <td>费戈</td> <td>巴塞罗那</td> <td>皇家马德里</td> <td>2000年</td> <td>6100万欧元</td> </tr> <tr> <td>5</td> <td></td> <td>拉齐奥拉齐奥拉齐奥拉齐奥拉齐奥拉齐奥</td> <td>拉齐奥拉齐奥拉齐奥拉齐奥拉齐奥拉齐奥拉齐奥</td> <td>2000年</td> <td>5600万欧元</td> </tr> <tr> <td>6</td> <td>克雷思博</td> <td>cccddd</td> <td>拉齐奥</td> <td>2001年</td> <td>4800万欧元</td> </tr> <tr> <td>7位</td> <td>费尔南德</td> <td>cdfda</td> <td>曼联</td> <td>2002年</td> <td>4700万欧元</td> </tr> <tr> <td>8</td> <td>舍甫琴科</td> <td>AC米兰</td> <td>切尔西</td> <td>2006年</td> <td>4600万欧元</td> </tr> <tr> <td>9</td> <td>贝龙</td> <td>拉齐奥</td> <td>曼联</td> <td>2001年</td> <td>4600万欧元</td> </tr> <tr> <td>10位</td> <td>罗纳尔多</td> <td>aaabbb</td> <td>皇家马德里</td> <td>2002年</td> <td>4500万欧元</td> </tr> </table> </div> <h3>头和第一列固定</h3> <div class="fakeContainer"> <table id="demoTableB"> <tr> <th>No.</th> <th>姓名</th> <th>原来球队</th> <th>转会球队</th> <th>转会年度</th> <th>转会费</th> </tr> <tr> <td>1</td> <td>西罗</td> <td>曼联</td> <td>皇家马德里</td> <td>2009年</td> <td>9400万欧元</td> </tr> <tr> <td>2</td> <td>齐达内</td> <td>aaa</td> <td>bbb</td> <td>2001年</td> <td>7500万欧元</td> </tr> <tr> <td>3</td> <td>卡卡</td> <td>AC米兰</td> <td>皇家马德里</td> <td>2009年</td> <td>6500万欧元</td> </tr> <tr> <td>4</td> <td>费戈</td> <td>巴塞罗那</td> <td>皇家马德里</td> <td>2000年</td> <td>6100万欧元</td> </tr> <tr> <td>5</td> <td></td> <td>拉齐奥拉齐奥拉齐奥拉齐奥拉齐奥拉齐奥</td> <td>拉齐奥拉齐奥拉齐奥拉齐奥拉齐奥拉齐奥拉齐奥</td> <td>2000年</td> <td>5600万欧元</td> </tr> <tr> <td>6</td> <td>克雷思博</td> <td>cccddd</td> <td>拉齐奥</td> <td>2001年</td> <td>4800万欧元</td> </tr> <tr> <td>7位</td> <td>费尔南德</td> <td>cdfda</td> <td>曼联</td> <td>2002年</td> <td>4700万欧元</td> </tr> <tr> <td>8</td> <td>舍甫琴科</td> <td>AC米兰</td> <td>切尔西</td> <td>2006年</td> <td>4600万欧元</td> </tr> <tr> <td>9</td> <td>贝龙</td> <td>拉齐奥</td> <td>曼联</td> <td>2001年</td> <td>4600万欧元</td> </tr> <tr> <td>10位</td> <td>罗纳尔多</td> <td>aaabbb</td> <td>皇家马德里</td> <td>2002年</td> <td>4500万欧元</td> </tr> </table> </div> <h3>头和第1，2列固定</h3> <div class="fakeContainer"> <table id="demoTableC"> <tr> <th>No.</th> <th>姓名</th> <th>原来球队</th> <th>转会球队</th> <th>转会年度</th> <th>转会费</th> </tr> <tr> <td>1</td> <td>西罗</td> <td>曼联</td> <td>皇家马德里</td> <td>2009年</td> <td>9400万欧元</td> </tr> <tr> <td>2</td> <td>齐达内</td> <td>aaa</td> <td>bbb</td> <td>2001年</td> <td>7500万欧元</td> </tr> <tr> <td>3</td> <td>卡卡</td> <td>AC米兰</td> <td>皇家马德里</td> <td>2009年</td> <td>6500万欧元</td> </tr> <tr> <td>4</td> <td>费戈</td> <td>巴塞罗那</td> <td>皇家马德里</td> <td>2000年</td> <td>6100万欧元</td> </tr> <tr> <td>5</td> <td></td> <td>拉齐奥拉齐奥拉齐奥拉齐奥拉齐奥拉齐奥</td> <td>拉齐奥拉齐奥拉齐奥拉齐奥拉齐奥拉齐奥拉齐奥</td> <td>2000年</td> <td>5600万欧元</td> </tr> <tr> <td>6</td> <td>克雷思博</td> <td>cccddd</td> <td>拉齐奥</td> <td>2001年</td> <td>4800万欧元</td> </tr> <tr> <td>7位</td> <td>费尔南德</td> <td>cdfda</td> <td>曼联</td> <td>2002年</td> <td>4700万欧元</td> </tr> <tr> <td>8</td> <td>舍甫琴科</td> <td>AC米兰</td> <td>切尔西</td> <td>2006年</td> <td>4600万欧元</td> </tr> <tr> <td>9</td> <td>贝龙</td> <td>拉齐奥</td> <td>曼联</td> <td>2001年</td> <td>4600万欧元</td> </tr> <tr> <td>10位</td> <td>罗纳尔多</td> <td>aaabbb</td> <td>皇家马德里</td> <td>2002年</td> <td>4500万欧元</td> </tr> </table> </div> <script type="text/javascript" src="superTables.js"></script> <script type="text/javascript"> //<![CDATA[ (function () { new superTable("demoTableA", { cssSkin : "sDefault", headerRows : 0, fixedCols : 0 }); new superTable("demoTableB", { cssSkin : "sDefault", fixedCols : 1 }); new superTable("demoTableC", { cssSkin : "sDefault", fixedCols : 2 }); })(); //]]> </script> </body> </html>

评论收藏

内容反馈