固定表头的jQuery插件_jquery固定表头资源-CSDN文库

共2个文件

js：1个

html：1个

固定表头

jQuery

4星 · 超过85%的资源需积分: 10 10 浏览量 2013-07-25 13:35:25 上传评论收藏 3KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

fixedtableheader.rar （2个子文件）

jquery-fixedtableheader-demo-en.html 10KB

jquery.fixedtableheader.min.js 2KB

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jquery.fixedtableheader.min.js Demo Page (Created Mustafa OZCAN)</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script> <script src="jquery.fixedtableheader.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $(".tbl3").fixedtableheader({ highlightrow: true, highlightclass: "highlight2", headerrowsize: 3 }); }); </script> <style type="text/css"> html * { font-family: Tahoma, "Trebuchet MS" , Verdana; font-size: 11px; } body { margin: 0; padding: 0; } .baslik { background-color: #6b8e23; color: white; font-weight: bold; text-align: center; padding: 5px; } .tdmetin { background-color: #dcdcdc; color: #00008b; font-weight: bold; padding: 5px; } .code { background-color: #EEEEEE; border: 1px solid #CCCCCC; padding: 5px; width: 400px; } .highlight { background-color: Highlight !important; } .highlight2 { background-color: Black !important; color: White; } .tbl1, .tbl2, .tbl3 { border-collapse: collapse; border: solid 1px gray; } </style> </head> <body> <table width="500"> <tr> <td colspan="2" class="baslik"> jQuery Fixed Table Header Demo Page </td> </tr> </table> <br /> <br /> <div class="code"> <script src="jquery.min.js" type="text/javascript"> </script> <br /> <script src="jquery.fixedtableheader.min.js" type="text/javascript"> </script> </div> <br /> <p> <br /> <b>Third Option</b> = highlightclass: "highlight"<br /> Default value is "highlight". This option set highlighted row's css class. <br /> If you are set "highlightrow: true" you can set highlightclass. <br /> <br /> <div class="code"> <script type="text/javascript"><br /> $(document).ready(function() { <br />    $('.tbl').fixedtableheader({ <br />     highlightclass: 'rowhlite' <br />    }); <br /> }); <br /> </script> </div> <br /> <br /> </p> <table border="1" cellspacing="0" class="tbl3"> <tbody> <tr align="center" style="background-color: yellow"> <td colspan="6"><b>TIME TABLE</b></td></tr> <tr align="center" style="background-color: yellow"> <td colspan="3"><b>STATION A </b></td> <td colspan="3"><b>STATION B</b></td></tr> <tr style="background-color: yellow"> <td>Work Days</td><td>Saturday</td><td>Sunday</td><td>Work Days</td><td>Saturday</td><td>Sunday</td></tr> <tr><td>05:50</td><td>06:00</td><td>06:20</td><td>06:20</td><td>06:30</td><td>07:25</td></tr> <tr><td>06:10</td><td>06:15</td><td>06:40</td><td>06:50</td><td>07:00</td><td>07:45</td></tr> <tr><td>06:30</td><td>06:30</td><td>07:00</td><td>07:10</td><td>07:15</td><td>08:00</td></tr> <tr><td>06:45</td><td>06:45</td><td>07:20</td><td>07:30</td><td>07:30</td><td>08:20</td></tr> <tr><td>¦07:00¦</td><td>07:00</td><td>07:35</td><td>07:50</td><td>07:45</td><td>08:35</td></tr> <tr><td>07:10</td><td>07:15</td><td>07:50</td><td>08:10</td><td>08:00</td><td>08:50</td></tr> <tr><td>¦07:10¦</td><td>07:30</td><td>08:00</td><td>08:30</td><td>08:20</td><td>09:00</td></tr> <tr><td>¦07:20¦</td><td>07:40</td><td>08:10</td><td>08:45</td><td>08:35</td><td>09:15</td></tr> <tr><td>07:30</td><td>07:50</td><td>08:20</td><td>08:55</td><td>08:50</td><td>09:30</td></tr> <tr><td>¦07:40¦</td><td>08:00</td><td>08:30</td><td>09:05</td><td>09:05</td><td>09:45</td></tr> <tr><td>07:50</td><td>08:10</td><td>08:50</td><td>09:15</td><td>09:15</td><td>10:00</td></tr> <tr><td>08:00</td><td>08:20</td><td>09:10</td><td>09:30</td><td>09:30</td><td>10:15</td></tr> <tr><td>¦08:15¦</td><td>08:30</td><td>09:30</td><td>09:45</td><td>09:40</td><td>10:35</td></tr> <tr><td>08:15</td><td>08:45</td><td>09:45</td><td>10:00</td><td>09:50</td><td>10:50</td></tr> <tr><td>08:30</td><td>09:00</td><td>10:00</td><td>10:15</td><td>10:05</td><td>11:05</td></tr> <tr><td>08:50</td><td>09:15</td><td>10:10</td><td>10:30</td><td>10:20</td><td>11:15</td></tr> <tr><td>09:10</td><td>09:30</td><td>10:20</td><td>10:45</td><td>10:30</td><td>11:25</td></tr> <tr><td>09:30</td><td>09:45</td><td>10:35</td><td>11:00</td><td>10:45</td><td>11:45</td></tr> <tr><td>09:45</td><td>10:00</td><td>10:45</td><td>11:15</td><td>11:00</td><td>11:55</td></tr> <tr><td>10:00</td><td>10:10</td><td>10:55</td><td>11:30</td><td>11:15</td><td>12:05</td></tr> <tr><td>10:15</td><td>10:25</td><td>11:10</td><td>11:45</td><td>11:30</td><td>12:20</td></tr> <tr><td>10:30</td><td>10:35</td><td>11:25</td><td>12:00</td><td>11:45</td><td>12:35</td></tr> <tr><td>10:45</td><td>10:50</td><td>11:40</td><td>12:15</td><td>12:00</td><td>12:50</td></tr> <tr><td>11:00</td><td>11:05</td><td>11:55</td><td>12:35</td><td>12:20</td><td>13:05</td></tr> <tr><td>11:15</td><td>11:20</td><td>12:10</td><td>12:55</td><td>12:35</td><td>13:20</td></tr> <tr><td>11:30</td><td>11:35</td><td>12:20</td><td>13:10</td><td>12:50</td><td>13:30</td></tr> <tr><td>11:45</td><td>11:55</td><td>12:35</td><td>13:25</td><td>13:00</td><td>13:45</td></tr> <tr><td>12:05</td><td>12:15</td><td>12:50</td><td>13:40</td><td>13:20</td><td>14:00</td></tr> <tr><td>12:20</td><td>12:35</td><td>13:00</td><td>14:00</td><td>13:40</td><td>14:10</td></tr> <tr><td>12:35</td><td>12:50</td><td>13:10</td><td>14:20</td><td>13:55</td><td>14:20</td></tr> <tr><td>12:50</td><td>13:05</td><td>13:25</td><td>14:35</td><td>14:10</td><td>14:35</td></tr> <tr><td>13:05</td><td>13:25</td><td>13:40</td><td>14:55</td><td>14:25</td><td>14:50</td></tr> <tr><td>13:20</td><td>13:45</td><td>13:55</td><td>15:10</td><td>14:40</td><td>15:05</td></tr> <tr><td>13:35</td><td>14:05</td><td>14:10</td><td>15:30</td><td>15:00</td><td>15:20</td></tr> <tr><td>13:50</td><td>14:20</td><td>14:25</td><td>15:50</td><td>15:20</td><td>15:35</td></tr> <tr><td>14:10</td><td>14:35</td><td>14:35</td><td>16:05</td><td>15:40</td><td>15:45</td></tr> <tr><td>14:30</td><td>14:55</td><td>14:50</td><td>16:25</td><td>16:10</td><td>16:00</td></tr> <tr><td>14:50</td><td>15:10</td><td>15:05</td><td>16:40</td><td>16:30</td><td>16:15</td></tr> <tr><td>15:10</td><td>15:25</td><td>15:15</td><td>17:00</td><td>16:50</td><td>16:25</td></tr> <tr><td>15:30</td><td>15:40</td><td>15:25</td><td>¦17:10¦</td><td>17:05</td><td>16:35</td></tr>

评论收藏

内容反馈