html5页面表格固定列与表格内数据跳转功能_html弹窗显示表格数据资源-CSDN文库

共5个文件

js：3个

css：1个

html：1个

html5

表格固定列

数据跳转

1星需积分: 48 12 浏览量 2016-09-27 09:50:00 上传评论收藏 231KB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

html5表格固定列与数据跳转功能。.rar （5个子文件）

html5表格固定列与数据跳转功能。

css

amazeui.min.css 327KB

jquery-1.7.2.js 247KB

echarts.js 831KB

TableFreeze.js 6KB

statistics.html 6KB

<!doctype html> <html class="no-js"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>事后监督业务情况统计表</title> <meta name="keywords" content="index"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> <meta name="renderer" content="webkit"> <meta http-equiv="Cache-Control" content="no-siteapp" /> <link rel="stylesheet" href="css/amazeui.min.css"/>  <script type="text/javascript" src="js/jquery-1.7.2.js"></script>  <script type="text/javascript" src="js/TableFreeze.js"></script> <script src="js/echarts.js" type="text/javascript"></script> <script type='text/javascript'> $(document).ready(function(){ $("#tab").FrozenTable(0,0,2); }); </script> </head> <caption >事后监督业务情况统计表</caption> <div style="OVERFLOW: auto"> <table id="tab" class="am-table am-table-bordered am-table-radius am-table-striped am-table-hover am-text-nowrap" style="Opacity=1;background:white"> <tr align='center'> <td >序号</td> <td >一级支行</td> <td>业务量</td> <td>差错数</td> <td>差错率（%）</td> <td>一级差错</td> <td>占比%</td> <td>二级差错</td> <td>占比%</td> <td>三级差错</td> <td>占比%</td> <td>四级差错</td> <td>占比%</td> <td>五级差错</td> <td>占比%</td> </tr> <tr align='center'> <td>1</td> <td onclick="location.href='supervise.htm?bankCode=1';" style="color:#4d4dff;font-weight:bold">城中支行</td> <td>10</td> <td>5</td> <td>80%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> </tr> <tr align='center'> <td>2</td> <td onclick="location.href='supervise.htm?bankCode=2';" style="color:#4d4dff;font-weight:bold">城南支行</td> <td>10</td> <td>8</td> <td>80%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> </tr> <tr align='center'> <td>3</td> <td onclick="location.href='supervise.htm?bankCode=3';" style="color:#4d4dff;font-weight:bold">城东支行</td> <td>10</td> <td>8</td> <td>80%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> </tr> <tr align='center'> <td>4</td> <td onclick="location.href='supervise.htm?bankCode=4';" style="color:#4d4dff;font-weight:bold">城西支行</td> <td>10</td> <td>8</td> <td>80%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> </tr> <tr align='center'> <td>5</td> <td onclick="location.href='supervise.htm?bankCode=5';" style="color:#4d4dff;font-weight:bold">江宁支行</td> <td>10</td> <td>8</td> <td>80%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> </tr> <tr align='center'> <td>6</td> <td onclick="location.href='supervise.htm?bankCode=6';" style="color:#4d4dff;font-weight:bold">江宁开发区支行</td> <td>10</td> <td>8</td> <td>80%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> </tr> <tr align='center'> <td>7</td> <td onclick="location.href='supervise.htm?bankCode=7';" style="color:#4d4dff;font-weight:bold">江北新区支行</td> <td>10</td> <td>8</td> <td>80%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> </tr> <tr align='center'> <td>8</td> <td onclick="location.href='supervise.htm?bankCode=8';" style="color:#4d4dff;font-weight:bold">六合支行</td> <td>10</td> <td>8</td> <td>80%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> </tr> <tr align='center'> <td>9</td> <td onclick="location.href='supervise.htm?bankCode=9';" style="color:#4d4dff;font-weight:bold">江北园区支行</td> <td>10</td> <td>8</td> <td>80%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> </tr> <tr align='center'> <td>10</td> <td onclick="location.href='supervise.htm?bankCode=10';" style="color:#4d4dff;font-weight:bold">总行营业部</td> <td>10</td> <td>8</td> <td>80%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> </tr> <tr align='center'> <td>11</td> <td onclick="location.href='supervise.htm?bankCode=11';" style="color:#4d4dff;font-weight:bold">科技支行</td> <td>10</td> <td>8</td> <td>80%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> </tr> <tr align='center'> <td colspan="2" onclick="location.href='supervise.htm?bankCode=12';" style="color:#4d4dff;font-weight:bold">全行</td > <td>10</td> <td>8</td> <td>80%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> <td>5</td> <td>50%</td> </tr> </table> </div> <footer> <hr> <p class="am-padding-right">© 表格可左右滑动哦</p> </footer> </body> </html>

评论收藏

内容反馈