校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

主頁 > 知識庫 > html固定標題列、標題頭table具體實現代碼

html固定標題列、標題頭table具體實現代碼

熱門標簽:錦州企業外呼系統 水經注萬能地圖標注 AI外呼系統 價格 青海保險智能外呼系統商家 梧州地圖標注app 營口400電話申請 最簡單的百度地圖標注店鋪 禹州電話外呼系統 新鄉機器人外呼系統


復制代碼
代碼如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>固定標題列、標題頭table</title>
<style>
table{border-collapse:collapse;border-spacing:0px; width:100%; border:#000 solid 0px;}
table td{border:1px solid #000;height:25px; text-align:center; border-left:0px;}
table th{ background:#edd3d4; color:#a10333; border:#000 solid 1px; white-space:nowrap; height:21px; border-top:0px;border-left:0px;}
.t_left{width:30%; height:auto; float:left;border-top:1px solid #000;border-left:1px solid #000;}
/*t_r_content和cl_freeze高度相差20px, 高度為外觀顯示高度,可根據情況調整*/
.t_r_content{width:100%; height:220px; background:#fff; overflow:auto;}
.cl_freeze{height:200px;overflow:hidden; width:100%;}
/* width 調整左邊標題列寬度(左側外觀顯示寬度); 指定為width:auto 在Opera下顯示有問題; height比 t_r_content 高度小20px*/
/* width 寬度為 右側外觀顯示寬度 實際顯示寬度大小為“t_r”寬度加上“cl_freeze”寬度 */
/* 如果顯示不正常,調整 t_r的width 使其和t_left的width之和小于100%;等于100%時會有問題*/
.t_r{width:69.5%; height:auto; float:left;border-top:1px solid #000; border-right:#000 solid 1px;}
.t_r table{width:1700px;}
.t_r_title{width:1720px;}/*寬度比 t_r table 大20px (至少大20,小了滾動條滑到右側顯示有問題)*/
.t_r_t{width:100%; overflow:hidden;}
.bordertop{ border-top:0px;}
</style>
<script>
function aa(){
var a=document.getElementById("t_r_content").scrollTop;
var b=document.getElementById("t_r_content").scrollLeft;
document.getElementById("cl_freeze").scrollTop=a;
document.getElementById("t_r_t").scrollLeft=b;
}
</script>
</head>
<body>
<div style="width:100%">
<div class="t_left">
<div style="width:100%;">
<table>
<tr>
<th style="width:40%">賬號</th>
<th style="width:60%">姓名</th>
</tr>
</table>
</div>
<div class="cl_freeze" id="cl_freeze">
<table>
<tr>
<td style="width:40%" class="bordertop">1</td>
<td style="width:60%" class="bordertop">1</td>
</tr>
<tr>
<td>2</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>4</td>
</tr>
<tr>
<td>5</td>
<td>5</td>
</tr>
<tr>
<td>6</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>7</td>
</tr>
<tr>
<td>8</td>
<td>8</td>
</tr>
<tr>
<td>9</td>
<td>9</td>
</tr>
<tr>
<td>10</td>
<td>10</td>
</tr>
<tr>
<td>11</td>
<td>11</td>
</tr>
<tr>
<td>12</td>
<td>12</td>
</tr>
<tr>
<td>13</td>
<td>13</td>
</tr>
<tr>
<td>14</td>
<td>14</td>
</tr>
<tr>
<td>15</td>
<td>15</td>
</tr>
<tr>
<td>16</td>
<td>16</td>
</tr>
<tr>
<td>17</td>
<td>17</td>
</tr>
<tr>
<td>18</td>
<td>18</td>
</tr>
<tr>
<td>19</td>
<td>19</td>
</tr>
<tr>
<td>20</td>
<td>20</td>
</tr>
</table>
</div>
</div>
<div class="t_r">
<div class="t_r_t" id="t_r_t">
<div class="t_r_title">
<table>
<tr>
<th width="10%">字段A</th>
<th width="20%">字段B</th>
<th width="10%">字段C</th>
<th width="20%">字段D</th>
<th width="20%">字段E</th>
<th width="20%">字段F</th>
</tr>
</table>
</div>
</div>
<div class="t_r_content" id="t_r_content" onscroll="aa()">
<table>
<tr>
<td width="10%" class="bordertop">1</td>
<td width="20%" class="bordertop">1</td>
<td width="10%" class="bordertop">1</td>
<td width="20%" class="bordertop">1</td>
<td width="20%" class="bordertop">1</td>
<td width="20%" class="bordertop">1</td>
</tr>
<tr>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>3</td>
<td>3</td>
<td>3</td>
<td>3</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>4</td>
<td>4</td>
<td>4</td>
<td>4</td>
<td>4</td>
</tr>
<tr>
<td>5</td>
<td>5</td>
<td>5</td>
<td>5</td>
<td>5</td>
<td>5</td>
</tr>
<tr>
<td>6</td>
<td>6</td>
<td>6</td>
<td>6</td>
<td>6</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>7</td>
<td>7</td>
<td>7</td>
<td>7</td>
<td>7</td>
</tr>
<tr>
<td>8</td>
<td>8</td>
<td>8</td>
<td>8</td>
<td>8</td>
<td>8</td>
</tr>
<tr>
<td>9</td>
<td>9</td>
<td>9</td>
<td>9</td>
<td>9</td>
<td>9</td>
</tr>
<tr>
<td>10</td>
<td>10</td>
<td>10</td>
<td>10</td>
<td>10</td>
<td>10</td>
</tr>
<tr>
<td>11</td>
<td>11</td>
<td>11</td>
<td>11</td>
<td>11</td>
<td>11</td>
</tr>
<tr>
<td>12</td>
<td>12</td>
<td>12</td>
<td>12</td>
<td>12</td>
<td>12</td>
</tr>
<tr>
<td>13</td>
<td>13</td>
<td>13</td>
<td>13</td>
<td>13</td>
<td>13</td>
</tr>
<tr>
<td>14</td>
<td>14</td>
<td>14</td>
<td>14</td>
<td>14</td>
<td>14</td>
</tr>
<tr>
<td>15</td>
<td>15</td>
<td>15</td>
<td>15</td>
<td>15</td>
<td>15</td>
</tr>
<tr>
<td>16</td>
<td>16</td>
<td>16</td>
<td>16</td>
<td>16</td>
<td>16</td>
</tr>
<tr>
<td>17</td>
<td>17</td>
<td>17</td>
<td>17</td>
<td>17</td>
<td>17</td>
</tr>
<tr>
<td>18</td>
<td>18</td>
<td>18</td>
<td>18</td>
<td>18</td>
<td>18</td>
</tr>
<tr>
<td>19</td>
<td>19</td>
<td>19</td>
<td>19</td>
<td>19</td>
<td>19</td>
</tr>
<tr>
<td>20</td>
<td>20</td>
<td>20</td>
<td>20</td>
<td>20</td>
<td>20</td>
</tr>
</table>
</div>
</div> </div>
</body>
</html>

標簽:懷化 山南 荊門 青島 延邊 潮州 昭通 哈密

巨人網絡通訊聲明:本文標題《html固定標題列、標題頭table具體實現代碼》,本文關鍵詞  html,固定,標題,列,標,題頭,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《html固定標題列、標題頭table具體實現代碼》相關的同類信息!
  • 本頁收集關于html固定標題列、標題頭table具體實現代碼的相關信息資訊供網民參考!
  • 推薦文章
    校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃
    久久久久高清精品| 91九色02白丝porn| 色成人在线视频| 26uuu亚洲综合色| 亚洲国产综合在线| 成人激情图片网| 日韩欧美国产综合| 亚洲美女偷拍久久| 国产在线麻豆精品观看| 欧美日韩国产区一| 91久久线看在观草草青青| 久久久91精品国产一区二区三区| 亚洲第一二三四区| 99精品在线免费| 久久精品视频在线免费观看 | 欧美一级午夜免费电影| 亚洲欧美乱综合| 国产999精品久久久久久绿帽| 欧美一区二区播放| 亚洲成人自拍偷拍| 91在线视频在线| 欧美激情一区二区三区全黄| 久久精品99国产精品| 欧美日产在线观看| 夜夜嗨av一区二区三区四季av| 成人动漫一区二区三区| 国产日韩欧美不卡| 国产专区综合网| 欧美大度的电影原声| 同产精品九九九| 欧美性xxxxxxxx| 一区二区三区影院| 99久久777色| 亚洲视频免费观看| 白白色 亚洲乱淫| 中文字幕精品综合| 懂色av中文一区二区三区| 精品国产a毛片| 美女视频黄频大全不卡视频在线播放| 欧美日韩的一区二区| 亚洲成人先锋电影| 精品视频在线免费看| 亚洲一区二区偷拍精品| 在线国产亚洲欧美| 一区二区三区在线视频观看| 一本大道av伊人久久综合| 亚洲女同女同女同女同女同69| 99久久免费精品高清特色大片| 国产精品乱码久久久久久| 成人免费高清在线| 国产精品盗摄一区二区三区| 成人精品国产一区二区4080| 亚洲欧美怡红院| 91麻豆123| 一区二区三区成人| 欧美三级欧美一级| 亚洲午夜电影在线| 欧美精品久久天天躁| 日韩av二区在线播放| 日韩欧美一级在线播放| 国内精品伊人久久久久av一坑| 久久一二三国产| 国产黄人亚洲片| 亚洲一区二区在线免费观看视频 | 日日欢夜夜爽一区| 日韩一区二区三区免费观看| 久久99精品国产麻豆婷婷 | 7878成人国产在线观看| 蜜乳av一区二区| 久久亚洲精精品中文字幕早川悠里 | 亚洲综合免费观看高清完整版在线| 在线观看三级视频欧美| 天天综合色天天| 精品国产乱码久久久久久图片| 国产传媒久久文化传媒| 日韩一区中文字幕| 精品视频色一区| 麻豆精品国产91久久久久久| 中文字幕va一区二区三区| 欧美在线观看一区| 久久国产免费看| 中文字幕一区二区日韩精品绯色| 欧美图片一区二区三区| 九九九精品视频| 亚洲情趣在线观看| 4438成人网| 成人毛片老司机大片| 亚洲成人免费影院| 久久综合九色综合97_久久久| 91在线无精精品入口| 蜜桃视频在线观看一区二区| 亚洲国产精品传媒在线观看| 欧美色综合久久| 国产精品一区二区视频| 中文字幕中文字幕中文字幕亚洲无线| 欧美日韩免费一区二区三区视频| 精品午夜久久福利影院| 亚洲欧美怡红院| 555www色欧美视频| 国产一区二三区| 欧美午夜电影在线播放| 丰满白嫩尤物一区二区| 亚洲男同性视频| 欧美一区二区黄色| 国产成人激情av| 亚洲精品免费在线| 欧美影院精品一区| 国产成+人+日韩+欧美+亚洲| 亚洲欧美日韩国产综合| 欧美一区永久视频免费观看| 国产成人精品三级麻豆| 亚洲精品一二三区| 欧美激情综合网| 国产在线视频一区二区三区| 亚洲欧美另类小说| 日韩欧美专区在线| hitomi一区二区三区精品| 一区二区三区资源| 国产欧美日韩精品在线| 欧美午夜精品一区二区三区| 激情六月婷婷久久| 亚洲综合视频网| 26uuuu精品一区二区| 成人免费视频视频| 久久精品国产99国产精品| 国产精品久久一卡二卡| 欧美一激情一区二区三区| bt欧美亚洲午夜电影天堂| 日本三级亚洲精品| 亚洲另类中文字| 久久久久亚洲综合| 欧美精选在线播放| 99久久久久久| 国产在线视频不卡二| 亚洲成人综合视频| 国产精品成人免费| 精品国产区一区| 欧美日韩精品一区二区三区四区| 从欧美一区二区三区| 国产做a爰片久久毛片| 亚洲超碰97人人做人人爱| 国产精品女人毛片| 精品久久久久久无| 欧美在线一二三四区| 成人高清视频在线| 国产精品1区2区3区| 五月天欧美精品| 中文欧美字幕免费| 精品电影一区二区三区| 91精品办公室少妇高潮对白| 不卡av在线网| 国产sm精品调教视频网站| 裸体健美xxxx欧美裸体表演| 亚洲国产精品欧美一二99| 国产精品伦一区二区三级视频| 精品人在线二区三区| 欧美日韩视频在线第一区| 色综合天天天天做夜夜夜夜做| 国产伦精品一区二区三区免费迷 | 91在线视频免费观看| 96av麻豆蜜桃一区二区| 国产成人免费高清| 国产一区在线不卡| 狂野欧美性猛交blacked| 亚洲电影一区二区三区| 亚洲高清免费在线| 亚洲综合区在线| 亚洲激情在线播放| 亚洲欧美福利一区二区| 国产欧美综合在线| 国产精品人成在线观看免费| 国产日韩一级二级三级| 精品少妇一区二区三区日产乱码| 7777精品伊人久久久大香线蕉经典版下载| 欧美自拍偷拍午夜视频| 色噜噜狠狠成人中文综合| 91在线观看成人| 99久精品国产| 91女厕偷拍女厕偷拍高清| 国产成人鲁色资源国产91色综 | 欧美一级片在线| 精品欧美久久久| 精品国产91久久久久久久妲己| 精品福利一区二区三区| 日韩久久精品一区| 精品国产欧美一区二区| 国产欧美va欧美不卡在线| 国产精品女主播在线观看| 国产精品高潮久久久久无| 亚洲欧洲精品一区二区三区不卡| 国产精品电影一区二区三区| 午夜av电影一区| 美国欧美日韩国产在线播放| 精品无码三级在线观看视频 | 精品国产91久久久久久久妲己 | 91成人在线免费观看| 欧洲视频一区二区| 欧美日本在线播放| 日韩欧美精品在线| 国产精品高潮呻吟|