冻结列的表格

因为拷贝的时候没有注意,而我用的是日文操作系统,所以有点乱码,但是不影响代码的工作.

<html>

<head>

<title> New Document </title>

<!--

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

<TR>

<TD align="center" nowrap class="scrollFixedColX"> 婡婍娗棟斣崋</TD>

<TD align="center" nowrap> 俹俠娗棟幰</TD>

<TD nowrap> 俹俠娗棟幰</TD>

<TD nowrap> 忣僔廔椆庴晅</TD>

</TR>

</THEAD>

<TR>

</TR>

<TR>

</TR>

<TR>

</TR>

<TR>

<TD align="center">拞栰搊旤嶰</TD>

</TR>

<TR>

<TD align="center">拞栰搊旤嶰</TD>

</TR>

</TBODY>

</TABLE>

</DIV>

</body>

</html>

posted @ 2007-04-12 15:21 阿一(杨正祎) 阅读(1080) 评论(2) 收藏举报

刷新页面返回顶部