css固定表头、行头样式代码
css固定表头、行头样式代码
发布时间:2016-12-27 来源:查字典编辑
摘要:利用CSS代码让Table产生固定表头www.865171.cn列头列头h1h2h3h4h5a单元格2单元格3单元格4单元格5b单元格2单元...

<style type="text/css">

<>

</style>

<h1>利用CSS代码让Table产生固定表头</h1>

<h3>www.865171.cn</h3>

<div id="scrollDiv" >

<table border="0" cellpadding="3" cellspacing="0" width="400">

<tr >

<th >&nbsp;</th>

<th colspan="2">列头</th>

<th colspan="2">列头</th>

</tr>

<tr >

<th >h1</th>

<th >h2</th>

<th >h3</th>

<th >h4</th>

<th >h5</th>

</tr>

<tr>

<td >

<input type="checkbox" name="checkbox" value="checkbox">

a</td>

<td>单元格2</td>

<td>单元格3</td>

<td>单元格4</td>

<td>单元格5</td>

</tr>

<tr>

<td >

<input type="checkbox" name="checkbox2" value="checkbox">

b</td>

<td>单元格2</td>

<td>单元格3</td>

<td>单元格4</td>

<td>单元格5</td>

</tr>

<tr>

<td nowrap >

<input type="checkbox" name="checkbox3" value="checkbox">

c</td>

<td nowrap>单元格2</td>

<td nowrap>单元格3</td>

<td nowrap>单元格4</td>

<td nowrap>单元格5</td>

</tr>

<tr>

<td >

<input type="checkbox" name="checkbox4" value="checkbox">

d</td>

<td>单元格2</td>

<td>单元格3</td>

<td>单元格4</td>

<td>单元格5</td>

</tr>

<tr>

<td >

<input type="checkbox" name="checkbox5" value="checkbox">

e</td>

<td>单元格2</td>

<td>单元格3</td>

<td>单元格4</td>

<td>单元格5</td>

</tr>

<tr>

<td >

<input type="checkbox" name="checkbox6" value="checkbox">

f</td>

<td>单元格2</td>

<td>单元格3</td>

<td>单元格4</td>

<td>单元格5</td>

</tr>

<tr>

<td >

<input type="checkbox" name="checkbox7" value="checkbox">

g</td>

<td>单元格2</td>

<td>单元格3</td>

<td>单元格4</td>

<td>单元格5</td>

</tr>

</table>

</div>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新 Div+Css教程学习
热门 Div+Css教程学习
网页设计子分类