表头不动，，的div

jiachenmianyu · 发表于 2013-2-7 20:35:15

<!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>带滚动条的表格 - scroll table</title>
</head>

<style type="text/css">

table {
border-collapse:collapse;
border:0;
width:auto;
table-layout:fixed;
}


.dd {
height:150px; /* set height here for ie */
width:600px;
overflow-y: auto;
}

.dd thead {
display:block;
background-color:red; /* firefox needs a background color */
}
.dd thead tr {
position: relative;
}

</style>

<body>
  <div  class="dd">
<TABLE border=1>
<thead>
<TR>
  <Th>Mapping 公式</th>
  <th>计算顺序</th>
  <th>LNE-S001</th>
  <th>LNE-S002</th>
  <th>LNE-S003</th>
  <th>LNE-S004</th>
  <th>LNE-S005</th>

</TR>
</thead>
<TR>
  <TD>LNE-F001</TD>
  <td><input type="text"  SIZE=8></input></td>
  <TD><input type="radio" name="S1"></input></TD>
  <TD><input type="radio" name="S1"></input></TD>
  <TD><input type="radio" name="S1"></input></TD>
  <TD><input type="radio" name="S1"></input></TD>
  <TD><input type="radio" name="S1"></input></TD>
</TR>
<TR>
  <td>LNE-F002</td>
  <td><input type="text" SIZE=8 ></input></td>
  <TD><input type="radio" name="S6"></input></TD>
  <TD><input type="radio" name="S6"></input></TD>
  <TD><input type="radio" name="S6"></input></TD>
  <TD><input type="radio" name="S6"></input></TD>
  <TD><input type="radio" name="S6"></input></TD>
</TR>
<TR>
  <TD>LNE-F003</TD>
  <td><input type="text" SIZE=8 ></input></td>
  <TD><input type="radio" name="S2"></input></TD>
  <TD><input type="radio" name="S2"></input></TD>
  <TD><input type="radio" name="S2"></input></TD>
  <TD><input type="radio" name="S2"></input></TD>
  <TD><input type="radio" name="S2"></input></TD>
</TR>
<TR>
  <TD>LNE-F004</TD>
  <td><input type="text" SIZE=8 ></input></td>
  <TD><input type="radio" name="S3"></input></TD>
  <TD><input type="radio" name="S3"></input></TD>
  <TD><input type="radio" name="S3"></input></TD>
  <TD><input type="radio" name="S3"></input></TD>
  <TD><input type="radio" name="S3"></input></TD>
</TR>
<TR>
  <TD>LNE-F005</TD>
  <td><input type="text" SIZE=8 ></input></td>
  <TD><input type="radio" name="S4"></input></TD>
  <TD><input type="radio" name="S4"></input></TD>
  <TD><input type="radio" name="S4"></input></TD>
  <TD><input type="radio" name="S4"></input></TD>
  <TD><input type="radio" name="S4"></input></TD>
</TR>
<TR>
  <TD>LNE-F006</TD>
  <td><input type="text" SIZE=8 ></input></td>
  <TD><input type="radio" name="S5"></input></TD>
  <TD><input type="radio" name="S5"></input></TD>
  <TD><input type="radio" name="S5"></input></TD>
  <TD><input type="radio" name="S5"></input></TD>
  <TD><input type="radio" name="S5"></input></TD>
</TR>
</TABLE>
</div>
<label>需要注意表格的头，必须在滚动时保持不动！</label>
</BODY>
</HTML>

		自动登录	找回密码
密码			立即注册

表头不动，，的div

浏览过的版块