superTable,html+css+js轻量冻结上左表头，实现上下左右滑动_同一个页面如何给左右两侧都添加滚轮html资源-CSDN文库

共8个文件

xml：4个

html：1个

iml：1个

html

javascript

table

固定表头

需积分: 22 190 浏览量 2018-09-06 13:42:28 上传评论收藏 9KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

SuperTable.zip （8个子文件）

Demo

index.html 3KB

supertables.css 3KB

.idea

Demo.iml 458B

workspace.xml 12KB

dictionaries

zhangcheng.xml 89B

encodings.xml 159B

modules.xml 260B

supertable.js 11KB

<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>锁定表格行列</title> <link rel="stylesheet" href="supertables.css"> </head> <body> <table id="tb"> <tr> <th>序号</th> <th>备件</th> <th>换件日期</th> <th>寿命比例</th> <th>规格型号</th> <th>理论寿命</th> </tr> <tr class="light-bg"> <td>1</td> <td>电机</td> <td>2015-08-25</td> <td> <progress value="0.6"></progress> </td> <td>XL2D</td> <td>6个月</td> </tr> <tr> <td>2</td> <td>蝶型弹簧</td> <td>2015-08-25</td> <td> <progress value="0.6"></progress> </td> <td>XL2D</td> <td>6个月</td> </tr> <tr class="light-bg"> <td>3</td> <td>电机</td> <td>2015-08-25</td> <td> <progress value="0.6"></progress> </td> <td>XL2D</td> <td>6个月</td> </tr> <tr> <td>4</td> <td>蝶型弹簧</td> <td>2015-08-25</td> <td> <progress value="0.6"></progress> </td> <td>XL2D</td> <td>6个月</td> </tr> <tr class="light-bg"> <td>5</td> <td>电机</td> <td>2015-08-25</td> <td> <progress value="0.6"></progress> </td> <td>XL2D</td> <td>6个月</td> </tr> <tr> <td>6</td> <td>蝶型弹簧</td> <td>2015-08-25</td> <td> <progress value="0.6"></progress> </td> <td>XL2D</td> <td>6个月</td> </tr> <tr class="light-bg"> <td>7</td> <td>电机</td> <td>2015-08-25</td> <td> <progress value="0.6"></progress> </td> <td>XL2D</td> <td>6个月</td> </tr> <tr> <td>8</td> <td>蝶型弹簧</td> <td>2015-08-25</td> <td> <progress value="0.6"></progress> </td> <td>XL2D</td> <td>6个月</td> </tr> <tr class="light-bg"> <td>9</td> <td>电机</td> <td>2015-08-25</td> <td> <progress value="0.6"></progress> </td> <td>XL2D</td> <td>6个月</td> </tr> <tr> <td>10</td> <td>蝶型弹簧</td> <td>2015-08-25</td> <td> <progress value="0.6"></progress> </td> <td>XL2D</td> <td>6个月</td> </tr> <tr class="light-bg"> <td>11</td> <td>电机</td> <td>2015-08-25</td> <td> <progress value="0.6"></progress> </td> <td>XL2D</td> <td>6个月</td> </tr> </table> <script src="//cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script> <script src="supertable.js"></script> <script> (function () { 'use strict'; $("#tb").toSuperTable({width: "332px", height: "208px", fixedCols: 2}); })(); </script> </body> </html>

评论收藏

内容反馈