您的位置:首页 > Web前端 > HTML

html固定第一列第一行 其他可以滚动

2014-12-12 00:00 239 查看
<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8" />

<title></title>

<link rel="stylesheet" href="style.css" />

<script data-require="jquery" data-semver="2.0.3" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>

<script src="script.js"></script>

</head>

<body style=" font-size:12px;">

<div id="table-container">

<div class="table-lt">

<table>

<tbody>

<tr>

<td>

<div>

文号

</div>

</td>

</tr>

</tbody>

</table>

</div>

<div class="table-top">

<div class="table-mask" >

<table>

<tbody>

<tr>

<td>

<div>日期</div>

</td>

<td>

<div>单位</div>

</td>

<td>

<div>业务员</div>

</td>

<td>

<div>部门</div>

</td>

<td>

<div>验资类型</div>

</td>

<td>

<div>资产原值(增资)</div>

</td>

<td>

<div>增资额度(增资)</div>

</td><td>

<div>验资额度(普通)</div>

</td><td>

<div>备注</div>

</td>

<s:if test="#session.sessionInfo.identityId!=3">

<td>

<div>一审</div>

</td>

<td>

<div>二审</div>

</td>

<td>

<div>三审</div>

</td>

</s:if>

<td>

<div>盖章</div>

</td>

<td>

<div>财务</div>

</td>

<td>

<div>归档</div>

</td>

<td>

<div>基本操作</div>

</td>

</tr>

</tbody>

</table>

</div>

</div>

<div class="table-left">

<div class="table-mask">

<table>

<tbody>

<tr>

<td >

<div>leftTitle1</div>

</td>

</tr>

<tr>

<td>

<div>leftTitle2</div>

</td>

</tr>

<tr>

<td>

<div>leftTitle3</div>

</td>

</tr>

<tr>

<td>

<div>leftTitle4</div>

</td>

</tr>

<tr>

<td>

<div>leftTitle5</div>

</td>

</tr>

<tr>

<td>

<div>leftTitle6</div>

</td>

</tr>

<tr>

<td>

<div>leftTitle7</div>

</td>

</tr>

<tr>

<td>

<div>leftTitle8</div>

</td>

</tr>

<tr>

<td>

<div>leftTitle8</div>

</td>

</tr>

<tr>

<td>

<div>leftTitle8</div>

</td>

</tr> <tr>

<td>

<div>leftTitle8</div>

</td>

</tr> <tr>

<td>

<div>leftTitle8</div>

</td>

</tr> <tr>

<td>

<div>leftTitle8</div>

</td>

</tr> <tr>

<td>

<div>leftTitle8</div>

</td>

</tr> <tr>

<td>

<div>leftTitle8</div>

</td>

</tr> <tr>

<td>

<div>leftTitle8</div>

</td>

</tr>

</tbody>

</table>

</div>

</div>

<div class="table-right">

<table>

<tbody>

<tr>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>uoiuiufdsfsdfiouiou</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

</tr>

<tr>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>uoiuiufdsfsdfiouiou</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

</tr>

<tr>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>uoiuiufdsfsdfiouiou</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

</tr><tr>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>uoiuiufdsfsdfiouiou</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

</tr><tr>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>uoiuiufdsfsdfiouiou</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

</tr>

<tr>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>uoiuiufdsfsdfiouiou</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

</tr><tr>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>uoiuiufdsfsdfiouiou</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

</tr><tr>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>uoiuiufdsfsdfiouiou</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

</tr>

<tr>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>uoiuiufdsfsdfiouiou</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

</tr>

<tr>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>uoiuiufdsfsdfiouiou</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

</tr><tr>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>uoiuiufdsfsdfiouiou</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

</tr><tr>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>uoiuiufdsfsdfiouiou</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

</tr><tr>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>uoiuiufdsfsdfiouiou</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

</tr>

<tr>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>uoiuiufdsfsdfiouiou</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

</tr><tr>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>uoiuiufdsfsdfiouiou</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

</tr><tr>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>uoiuiufdsfsdfiouiou</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

<td>

<div>123456789123456789</div>

</td>

</tr>

</tbody>

</table>

</div>

</div>

</body>

</html>

原创
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息