html 原生 合并单元格 :
html实例：
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Demo</title>
<style type="text/css">
* {
margin: 0px;
padding: 0px;
}
html {
height: 100%;
overflow: auto;
}
body {
height: 100%;
overflow: auto;
}
.contain {
border: 1px solid #cdd;
width: 1400px;
height: 400px;
overflow: scroll;
position: relative;
float: left;
top: 100px;
left: 50px;
}
th,
td,
tr {
border: 1px solid #cdd;
height: 30px;
/* width: 100px; */
text-align: center;
}
.div_ta {
height: 158px;
line-height: 150px;
}
div {
text-align: center;
}
.div_ta1 {
width: 80px;
}
.div_ta2 {
width: 150px;
}
.div_ta3 {
height: 20px;
width: 50px;
}
.tb1 {
background: gray;
position: fixed;
z-index: 10001;
width: 100px;
height: 150px;
}
.tb2 {
background: gray;
position: sticky;
top: 0px;
margin-left: 398px;
width: 100px;
z-index: 1000;
}
.tb3 {
background: gray;
left: 0px;
height: 100%;
float: left;
position: sticky;
z-index: 1000;
width: 100px;
}
.tb4 {
left: 398px;
width: 500px;
position: absolute;
}
</style>
</head>
<body>
<div class="contain">
<table class="tb1" cellspacing="0">
<thead>
<tr>
<th rowspan="5">
<div class="div_ta div_ta1">序号</div>
</th>
<th rowspan="5">
<div class="div_ta div_ta2"> 项目名称</div>
</th>
<th rowspan="5">
<div class="div_ta div_ta1"> 区县名称</div>
</th>
<th rowspan="5">
<div class="div_ta div_ta1"> 建设现状</div>
</th>
</tr>
</thead>
</table>
<table class="tb2 " cellspacing="0">
<thead>
<tr>
<th colspan="5">在编总人数</th>
<th colspan="26">在岗人员</th>
<th colspan="20">不在岗人员</th>
<th colspan="9">编外人员</th>
<th rowspan="2" colspan="3"> 离休、退休（职）</th>
<th rowspan="5">
<div class="div_ta3"> 校级干部</div>
</th>
<th rowspan="5">
<div class="div_ta3"> 在编变化</div>
</th>
<th rowspan="5">
<div class="div_ta3"> 离休变化</div>
</th>
<th rowspan="5">
<div class="div_ta3"> 退休变化</div>
</th>
<th rowspan="5">
<div class="div_ta3"> 退职变化</div>
</th>
</tr>
<tr>
<th rowspan="4">
<div class="div_ta3">小计</div>
</th>
<th rowspan="2" colspan="2">专技</th>
<th rowspan="4">
<div class="div_ta3">管理</div>
</th>
<th rowspan="4">
<div class="div_ta3">工勤</div>
</th>
<th colspan="5">在岗人数</th>
<th colspan="5">本单位在岗 </th>
<th colspan="16">外借</th>
<th colspan="5">不在岗人数 </th>
<th colspan="5">内退 </th>
<th colspan="5">长病假 </th>
<th colspan="5">其他不在岗人员</th>
<th rowspan="4">
<div class="div_ta3">编外人员小计</div>
</th>
<th colspan="3">退休返聘 </th>
<th colspan="5">劳务派遣</th>
</tr>
<tr>
<th rowspan="3">
<div class="div_ta3">小计</div>
</th>
<th colspan="2">专技 </th>
<th rowspan="3">
<div class="div_ta3">管理</div>
</th>
<th rowspan="3">
<div class="div_ta3">工勤</div>
</th>
<th rowspan="3">
<div class="div_ta3">小计</div>
</th>
<th colspan="2">专技 </th>
<th rowspan="3">
<div class="div_ta3">管理</div>
</th>
<th rowspan="3">
<div class="div_ta3">工勤</div>
</th>
<th colspan="5">社区 </th>
<th colspan="5">挂编 </th>
<th rowspan="3">
<div class="div_ta3">支教教师</div>
</th>
<th colspan="5">其他外借 </th>
<th rowspan="3">
<div class="div_ta3">小计</div>
</th>
<th colspan="2">专技 </th>
<th rowspan="3">
<div class="div_ta3">管理</div>
</th>
<th rowspan="3">
<div class="div_ta3">工勤</div>
</th>
<th rowspan="3">
<div class="div_ta3">小计</div>
</th>
<th colspan="2">专技 </th>
<th rowspan="3">
<div class="div_ta3">管理</div>
</th>
<th rowspan="3">
<div class="div_ta3">工勤</div>
</th>
<th rowspan="3">
<div class="div_ta3">小计</div>
</th>
<th colspan="2">专技 </th>
<th rowspan="3">
<div class="div_ta3">管理</div>
</th>
<th rowspan="3">
<div class="div_ta3">工勤</div>
</th>
<th rowspan="3">
<div class="div_ta3">小计</div>
</th>
<th colspan="2">专技 </th>
<th rowspan="3">
<div class="div_ta3">管理</div>
</th>
<th rowspan="3">
<div class="div_ta3">工勤</div>
</th>
<th rowspan="3">
<div class="div_ta3">小计</div>
</th>
<th rowspan="3">
<div class="div_ta3">教师</div>
</th>
<th rowspan="3">
<div class="div_ta3">非教师</div>
</th>
<th rowspan="3">
<div class="div_ta3">小计</div>
</th>
<th colspan="2">专技 </th>
<th rowspan="3">
<div class="div_ta3">管理</div>
</th>
<th rowspan="3">
<div class="div_ta3">工勤</div>
</th>
<th rowspan="3">
<div class="div_ta3">离休</div>
</th>
<th rowspan="3">
<div class="div_ta3">退休</div>
</th>
<th rowspan="3">
<div class="div_ta3">退职</div>
</th>
</tr>
<tr>
<th rowspan="2">
<div class="div_ta3">教师教师</div>
</th>
<th rowspan="2">
<div class="div_ta3">旁系列</div>
</th>
<th rowspan="2">
<div class="div_ta3">教师</div>
</th>
<th rowspan="2">
<div class="div_ta3">旁系列</div>
</th>
<th rowspan="2">
<div class="div_ta3">教师</div>
</th>
<th rowspan="2">
<div class="div_ta3">旁系列</div>
</th>
<th rowspan="2">
<div class="div_ta3">小计</div>
</th>
<th colspan="2">
<div class="div_ta3">专技</div>
</th>
<th rowspan="2">
<div class="div_ta3">管理</div>
</th>
<th rowspan="2">
<div class="div_ta3">工勤</div>
</th>
<th rowspan="2">
<div class="div_ta3">小计</div>
</th>
<th colspan="2">
<div class="div_ta3">专技</div>
</th>
<th rowspan="2">
<div class="div_ta3">管理</div>
</th>
<th rowspan="2">
<div class="div_ta3">工勤</div>
</th>
<th rowspan="2">
<div class="div_ta3">小计</div>
</th>
<th colspan="2">
<div class="div_ta3">专技</div>
</th>
<th rowspan="2">
<div class="div_ta3">管理</div>
</th>
<th rowspan="2">
<div class="div_ta3">工勤</div>
</th>
<th rowspan="2">
<div class="div_ta3">教师</div>
</th>
<th rowspan="2">
<div class="div_ta3">旁系列</div>
</th>
<th rowspan="2">
<div class="div_ta3">教师</div>
</th>
<th rowspan="2">
<div class="div_ta3">旁系列</div>
</th>
<th rowspan="2">
<div class="div_ta3">教师</div>
</th>
<th rowspan="2">
<div class="div_ta3">旁系列</div>
</th>
<th rowspan="2">
<div class="div_ta3">教师</div>
</th>
<th rowspan="2">
<div class="div_ta3">旁系列</div>
</th>
<th rowspan="2">
<div class="div_ta3">教师</div>
</th>
<th rowspan="2">
<div class="div_ta3">旁系列</div>
</th>
</tr>
<tr>
<th>
<div class="div_ta3">教师</div>
</th>
<th>
<div class="div_ta3">旁系列</div>
</th>
<th>
<div class="div_ta3">教师</div>
</th>
<th>
<div class="div_ta3">旁系列</div>
</th>
<th>
<div class="div_ta3">教师</div>
</th>
<th>
<div class="div_ta3">旁系列</div>
</th>
</tr>
</thead>
</table>
<table class="tb3" cellspacing="0">
<tbody>
<tr>
<td>
<div class="div_ta1">45</div>
</td>
<td>
<div class="div_ta2">名称一</div>
</td>
<td>
<div class="div_ta1">初中</div>
</td>
<td>
<div class="div_ta1">初中</div>
</td>
</tr>
<tr>
<td>
<div class="div_ta1">45</div>
</td>
<td>
<div class="div_ta2">名称一</div>
</td>
<td>
<div class="div_ta1">初中</div>
</td>
<td>
<div class="div_ta1">初中</div>
</td>
</tr>
<tr>
<td>
<div class="div_ta1">45</div>
</td>
<td>
<div class="div_ta2">名称一</div>
</td>
<td>
<div class="div_ta1">初中</div>
</td>
<td>
<div class="div_ta1">初中</div>
</td>
</tr>
<tr>
<td>
<div class="div_ta1">45</div>
</td>
<td>
<div class="div_ta2">名称一</div>
</td>
<td>
<div class="div_ta1">初中</div>
</td>
<td>
<div class="div_ta1">初中</div>
</td>
</tr>
<tr>
<td>
<div class="div_ta1">45</div>
</td>
<td>
<div class="div_ta2">名称一</div>
</td>
<td>
<div class="div_ta1">初中</div>
</td>
<td>
<div class="div_ta1">初中</div>
</td>
</tr>
<tr>
<td>
<div class="div_ta1">45</div>
</td>
<td>
<div class="div_ta2">名称一</div>
</td>
<td>
<div class="div_ta1">初中</div>
</td>
<td>
<div class="div_ta1">初中</div>
</td>
</tr>
<tr>
<td>
<div class="div_ta1">45</div>
</td>
<td>
<div class="div_ta2">名称一</div>
</td>
<td>
<div class="div_ta1">初中</div>
</td>
</tr>
<tr>
<td>
<div class="div_ta1">45</div>
</td>
<td>
<div class="div_ta2">名称一</div>
</td>
<td>
<div class="div_ta1">初中</div>
</td>
<td>
<div class="div_ta1">初中</div>
</td>
</tr>
<tr>
<td>
<div class="div_ta1">45</div>
</td>
<td>
<div class="div_ta2">名称一</div>
</td>
<td>
<div class="div_ta1">初中</div>
</td>
<td>
<div class="div_ta1">初中</div>
</td>
</tr>
<tr>
<td>
<div class="div_ta1">45</div>
</td>
<td>
<div class="div_ta2">名称一</div>
</td>
<td>
<div class="div_ta1">初中</div>
</td>
<td>
<div class="div_ta1">初中</div>
</td>
</tr>
<tr>
<td>
<div class="div_ta1">45</div>
</td>
<td>
<div class="div_ta2">名称一</div>
</td>
<td>
<div class="div_ta1">初中</div>
</td>
<td>
<div class="div_ta1">初中</div>
</td>
</tr>
<tr>
<td>
<div class="div_ta1">45</div>
</td>
<td>
<div class="div_ta2">名称一</div>
</td>
<td>
<div class="div_ta1">初中</div>
</td>
<td>
<div class="div_ta1">初中</div>
</td>
</tr>
<tr>
<td>
<div class="div_ta1">45</div>
</td>
<td>
<div class="div_ta2">名称一</div>
</td>
<td>
<div class="div_ta1">初中</div>
</td>
<td>
<div class="div_ta1">初中</div>
</td>
</tr>
</tbody>
</table>
<table class="tb4" cellspacing="0">
<tbody>
<tr>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
<td>
<div class="div_ta3">42</div>
</td>
</tr>
<tr>
<td>84</td>
<td>41</td>
<td>8</td>
<td>7</td>
<td>12</td>
<td>83</td>
<td>41</td>
<td>7</td>
<td>7</td>
<td>8</td>
<td>83</td>
<td>41</td>
<td>7</td>
<td>7</td>
<td>8</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>3</td>
<td>2</td>
<td>1</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>1</td>
<td>2</td>
<td>1</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>34</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td></td>
</tr>
<tr>
<td>45</td>
<td>57</td>
<td>4</td>
<td>1</td>
<td>1</td>
<td>44</td>
<td>57</td>
<td>4</td>
<td>1</td>
<td>2</td>
<td>44</td>
<td>57</td>
<td>4</td>
<td>1</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>1</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>1</td>
<td>1</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>1</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>135</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td></td>
</tr>
<tr>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>-87</td>
<td>-1</td>
<td>-214</td>
<td></td>
</tr>
<tr>
<td>54</td>
<td>43</td>
<td>8</td>
<td>1</td>
<td>2</td>
<td>54</td>
<td>43</td>
<td>8</td>
<td>1</td>
<td>2</td>
<td>54</td>
<td>43</td>
<td>8</td>
<td>1</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>5</td>
<td>5</td>
<td>1</td>
<td>4</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>7</td>
<td>243</td>
<td>2</td>
<td>3</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td></td>
</tr>
<tr>
<td>54</td>
<td>41</td>
<td>5</td>
<td>1</td>
<td>1</td>
<td>55</td>
<td>48</td>
<td>5</td>
<td>1</td>
<td>1</td>
<td>54</td>
<td>47</td>
<td>5</td>
<td>1</td>
<td>1</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>1</td>
<td>1</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>1</td>
<td>1</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>1</td>
<td>1</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>3</td>
<td>254</td>
<td>2</td>
<td>3</td>
<td>-1</td>
<td>2</td>
<td>1</td>
<td></td>
</tr>
<tr>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td></td>
</tr>
<tr>
<td>87</td>
<td>74</td>
<td>8</td>
<td>2</td>
<td>3</td>
<td>84</td>
<td>74</td>
<td>7</td>
<td>2</td>
<td>3</td>
<td>84</td>
<td>74</td>
<td>7</td>
<td>2</td>
<td>3</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>1</td>
<td>2</td>
<td>1</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>1</td>
<td>2</td>
<td>1</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>243</td>
<td>2</td>
<td>3</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td></td>
</tr>
<tr>
<td>83</td>
<td>75</td>
<td>3</td>
<td>2</td>
<td>3</td>
<td>82</td>
<td>74</td>
<td>3</td>
<td>2</td>
<td>3</td>
<td>82</td>
<td>74</td>
<td>3</td>
<td>2</td>
<td>3</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>1</td>
<td>1</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>1</td>
<td>1</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>1</td>
<td>1</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>1</td>
<td>222</td>
<td>2</td>
<td>4</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td></td>
</tr>
<tr>
<td>42</td>
<td>42</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>42</td>
<td>42</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>31</td>
<td>31</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>1</td>
<td>1</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>1</td>
<td>424</td>
<td>2</td>
<td>1</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td></td>
</tr>
<tr>
<td>84</td>
<td>41</td>
<td>8</td>
<td>7</td>
<td>12</td>
<td>83</td>
<td>41</td>
<td>7</td>
<td>7</td>
<td>8</td>
<td>83</td>
<td>41</td>
<td>7</td>
<td>7</td>
<td>8</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>3</td>
<td>2</td>
<td>1</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>1</td>
<td>2</td>
<td>1</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>34</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td></td>
</tr>
<tr>
<td>45</td>
<td>57</td>
<td>4</td>
<td>1</td>
<td>1</td>
<td>44</td>
<td>57</td>
<td>4</td>
<td>1</td>
<td>2</td>
<td>44</td>
<td>57</td>
<td>4</td>
<td>1</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>1</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>1</td>
<td>1</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>1</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>135</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td></td>
</tr>
<tr>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>-87</td>
<td>-1</td>
<td>-214</td>
<td></td>
</tr>
</table>
</div>
</body>
</html>
2.效果 ：
运行代码就可，左侧几列固定，表头固定，右侧滑动
网友评论