冻结列的表格
因为拷贝的时候没有注意,而我用的是日文操作系统,所以有点乱码,但是不影响代码的工作.
<html>
<head>
<title> New Document </title>
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<style type="text/css">
<!--
.scrollSpanX {
vertical-align: top;
overflow-x: scroll;
text-align: left;
border: 1px solid;
}
.scrollSpanX TABLE {
table-layout: fixed;
}
.scrollBodyX TR {
position: relative;
}
.scrollBodyX TD {
position: relative;
border-right: 1px solid;
border-bottom: 1px solid;
text-align: center;
word-break:break-all;
width: 128px;
}
.scrollFixedRowX TD {
position: relative;
font-weight: bold;
background-color: #E9E9E9;
}
.scrollFixedColX {
position: relative;
left: expression(this.parentElement.offsetParent.scrollLeft);
background-color: #E9E9E9;
z-index: 1;
}
-->
</style>
</head>
<body>
<DIV class="scrollSpanX" style="height:190px; width:640px;">
<TABLE class="scrollBodyX" border="0" align="left" cellpadding="2" cellspacing="0">
<THEAD class="scrollFixedRowX">
<TR>
<TD align="center" nowrap class="scrollFixedColX"> 婡婍娗棟斣崋</TD>
<TD align="center" nowrap> 俹俠娗棟幰</TD>
<TD nowrap> 晹栧挿</TD>
<TD nowrap> 忣僔</TD>
<TD nowrap> 俹俠娗棟幰</TD>
<TD nowrap> 晹栧挿</TD>
<TD nowrap> 忣僔廔椆庴晅</TD>
</TR>
</THEAD>
<TBODY id="tblListBody">
<TR>
<TD align="center" class="scrollFixedColX">001</TD>
<TD align="center">媑揷榓弐</TD>
<TD align="center">嵅摗朙</TD>
<TD align="center">嵅摗朙</TD>
<TD align="center">枹搊榐</TD>
<TD align="center">枹彸擣</TD>
<TD align="center" >枹彸擣</TD>
</TR>
<TR>
<TD align="center" class="scrollFixedColX">002</TD>
<TD align="center">媑揷榓弐</TD>
<TD align="center">嵅摗朙</TD>
<TD align="center">嵅摗朙</TD>
<TD align="center">枹搊榐</TD>
<TD align="center">枹彸擣</TD>
<TD align="center" >枹彸擣</TD>
</TR>
<TR>
<TD align="center" class="scrollFixedColX">003</TD>
<TD align="center">媑揷榓弐</TD>
<TD align="center">嵅摗朙</TD>
<TD align="center">嵅摗朙</TD>
<TD align="center">枹搊榐</TD>
<TD align="center">枹彸擣</TD>
<TD align="center" >枹彸擣</TD>
</TR>
<TR>
<TD align="center" class="scrollFixedColX">004</TD>
<TD align="center">拞栰搊旤嶰</TD>
<TD align="center">嵅摗朙</TD>
<TD align="center">嵅摗朙</TD>
<TD align="center">枹搊榐</TD>
<TD align="center">枹彸擣</TD>
<TD align="center" >枹彸擣</TD>
</TR>
<TR>
<TD align="center" class="scrollFixedColX">005</TD>
<TD align="center">拞栰搊旤嶰</TD>
<TD align="center">嵅摗朙</TD>
<TD align="center">嵅摗朙</TD>
<TD align="center">枹搊榐</TD>
<TD align="center">枹彸擣</TD>
<TD align="center" >枹彸擣</TD>
</TR>
</TBODY>
</TABLE>
</DIV>
</body>
</html>
