中文字幕免费精品_亚洲视频自拍_亚洲综合国产激情另类一区_色综合咪咪久久

html固定標題列、標題頭table具體實現代碼
來源：易賢網 閱讀：1355 次 日期：2016-06-21 11:29:11
溫馨提示：易賢網小編為您整理了“html固定標題列、標題頭table具體實現代碼”,方便廣大網友查閱！

為了布局的美觀度需要在html中固定標題列、標題頭，本文整理了一些相關實現技巧，經測試還不錯，感興趣的朋友可以參考下，希望對你有所幫助

名單

代碼如下:

<!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>

更多信息請查看網頁制作
由于各方面情況的不斷調整與變化，易賢網提供的所有考試信息和咨詢回復僅供參考，敬請考生以權威部門公布的正式信息和咨詢為準！

2026上岸·考公考編培訓報班

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關于我們 | 聯系我們 | 人才招聘 | 網站聲明 | 網站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點 | 投訴建議
工業和信息化部備案號：滇ICP備2023014141號-1 云南省教育廳備案號：云教ICP備0901021 滇公網安備53010202001879號 人力資源服務許可證：（云）人服證字（2023）第0102001523號
云南網警備案專用圖標
聯系電話：0871-65099533/13759567129 獲取招聘考試信息及咨詢關注公眾號：hfpxwx
咨詢QQ：1093837350（9:00—18:00）版權所有:易賢網
云南網警報警專用圖標
中文字幕免费精品_亚洲视频自拍_亚洲综合国产激情另类一区_色综合咪咪久久
亚洲一区在线播放| 国产在线拍揄自揄视频不卡99| 亚洲精品一区二区在线| 亚洲一区二区成人在线观看| 中国亚洲黄色| 亚洲在线中文字幕| 午夜精品亚洲| 亚洲第一色在线| 亚洲日本成人女熟在线观看| 亚洲一区二区三区免费视频| 亚洲欧美综合| 国产午夜精品麻豆| 亚洲精品日本| 国产精品国产三级国产a| 国产精品99久久久久久久久久久久| 亚洲激情不卡| 久久久久一区二区三区| 亚洲福利视频一区二区| 亚洲少妇诱惑| 亚洲欧美bt| 欧美国产三区| 一区二区免费在线播放| 亚洲免费在线看| 欧美日韩1080p| 亚洲国产日韩欧美一区二区三区| 国产精品国产精品国产专区不蜜| 亚洲综合色自拍一区| 激情欧美一区二区| 国产日本亚洲高清| 亚洲一区二区三区高清 | 国产精品美女久久福利网站| 亚洲图片欧美日产| 猫咪成人在线观看| 欧美区一区二区三区| 国产一区二区三区久久悠悠色av| 一区二区免费在线视频| 99亚洲伊人久久精品影院红桃| 国产精品爱啪在线线免费观看 | 亚洲国产精品一区二区第四页av | 欧美精品亚洲精品| 久久国产欧美| 亚洲调教视频在线观看| 99国产一区| 国产精品入口福利| 亚洲日本激情| 亚洲婷婷在线| 国产精品免费在线| 久久香蕉国产线看观看av| 亚洲人成人一区二区在线观看| 亚洲黄色影院| 国产区亚洲区欧美区| 久久亚洲高清| 亚洲精品网址在线观看| 欧美va亚洲va国产综合| 影音先锋在线一区| 久久视频在线看| 亚洲性视频网站| 老牛嫩草一区二区三区日本| 免费成人你懂的| 亚洲一区二区免费| 亚洲女ⅴideoshd黑人| 欧美激情久久久久| 亚洲深夜福利网站| 久久精品中文字幕一区| 国产日韩精品久久久| 欧美一级久久久久久久大片| 免播放器亚洲| 亚洲免费高清视频| 久久综合99re88久久爱| 国产香蕉97碰碰久久人人| 欧美二区在线播放| 老牛影视一区二区三区| 狠狠88综合久久久久综合网| 国产精品一区二区黑丝| 亚洲国产cao| 极品尤物av久久免费看| 欧美福利在线观看| 国产日韩欧美在线观看| 久久久夜色精品亚洲| 亚洲精品久久嫩草网站秘色 | 午夜欧美精品| 久久大逼视频| 亚洲图片欧美日产| 99热在线精品观看| 中文网丁香综合网| 美日韩丰满少妇在线观看| 国精品一区二区三区| 日韩系列欧美系列| 欧美日韩国产va另类| 亚洲美女黄网| 欧美日韩亚洲一区| 亚洲欧美卡通另类91av| 欧美日韩中文在线观看| 欧美日韩一区在线| 久久久激情视频| 国产精品久久久久影院色老大 | 午夜精品视频在线观看一区二区| 亚洲一区精品视频| 午夜精品亚洲| 午夜精品理论片| 久久gogo国模裸体人体| 久久婷婷丁香| 久久综合中文字幕| 国产欧美日韩综合一区在线播放| 亚洲国产裸拍裸体视频在线观看乱了 | 欧美视频在线一区| 久久国产乱子精品免费女| 99精品国产热久久91蜜凸| 国产精品qvod| 一区二区三区我不卡| 含羞草久久爱69一区| 午夜国产精品影院在线观看 | 欧美色精品天天在线观看视频 | 欧美激情一区二区三区| 国产日韩欧美高清| 欧美日韩在线三级| 国产精品久久久久77777| 久久国产直播| 亚洲精品视频在线看| 亚洲日本免费电影| 免费一级欧美在线大片| 一区二区三区视频在线观看| 亚洲欧美精品一区| 91久久极品少妇xxxxⅹ软件| 欧美在线91| 欧美午夜剧场| 伊人久久av导航| 美女脱光内衣内裤视频久久网站| 亚洲视频精选在线| 久久婷婷国产综合国色天香| 久久先锋资源| 国产精品无码永久免费888| 欧美激情亚洲自拍| 午夜视频久久久久久| 欧美经典一区二区三区| 亚洲欧洲视频| 日韩视频国产视频| 国产综合久久| 欧美亚一区二区| 一区二区三区鲁丝不卡| 久久精品亚洲一区二区| 亚洲黄色成人| 国产亚洲一本大道中文在线| 狠狠色狠狠色综合日日五| 欧美国产精品久久| 一区二区三区免费看| 尤物yw午夜国产精品视频明星| 99视频精品全部免费在线| 狼人天天伊人久久| 欧美—级a级欧美特级ar全黄| 欧美一区二区三区另类| 1000部国产精品成人观看| 中文在线不卡| 久久久久综合| 亚洲黄色在线观看| 国产日韩欧美亚洲| 欧美日韩在线精品| 欧美精品三级在线观看| 午夜精品久久久久久| 欧美午夜激情在线| 亚洲一区久久久| 欧美日韩hd| 亚洲国产精品一区二区第四页av| 亚洲国产天堂久久综合| 欧美日韩中文字幕综合视频 | 欧美极品色图| 亚洲毛片在线观看.| 亚洲激情一区| 国产精品系列在线| 欧美激情中文字幕在线| 国户精品久久久久久久久久久不卡| 国产精品videosex极品| 国产一区二区三区久久久| 国产日韩专区| 欧美精品精品一区| 日韩亚洲国产精品| 鲁大师影院一区二区三区| 久久久久久婷| 国产精品久久久久婷婷| 亚洲国产综合视频在线观看| 欧美一区二区精品久久911| 亚洲中无吗在线| 欧美暴力喷水在线| 激情av一区| 久久久亚洲欧洲日产国码αv| 欧美一区永久视频免费观看| 亚洲伊人网站| 亚洲午夜一二三区视频| 亚洲美女中文字幕| 久久精品国产精品 | 国产一区二区三区久久精品| 日韩亚洲综合在线| 欧美日韩亚洲一区三区 | 欧美日韩精品| 久久精品视频在线| 久久综合五月天婷婷伊人| 亚洲精品视频在线播放| 国产精品婷婷| 国产精品一区久久久久| 亚洲影视在线|