table行列固定

wfdoublext · 发表于 2013-1-29 07:49:04

<html><head><style type="text/css">.FixedTitleRow{ position: relative; top: expression(this.offsetParent.scrollTop-2); z-index: 10; background-color: #E6ECF0;}.FixedTitleColumn{ position: relative; left: expression(this.parentElement.offsetParent.scrollLeft);}.FixedDataColumn{ position: relative; left: expression(this.parentElement.offsetParent.parentElement.scrollLeft-2); background-color: #E6ECF0;}</style></head><body> <div id = "scrolDiv" style="width: 60%; overflow: auto; cursor: default; display: inline; position: absolute; height: 20%;"> <table id = "DataTable" cellpadding='0' cellspacing='0' style="table-layout: auto" bordercolor="lightgrey" border = "1" width="120%" height="30%"> <tr class = "FixedTitleRow"> <td colspan = "6" align = "center"> 商??行?? </td> </tr> <tr class = "FixedTitleRow"> <td class = "FixedTitleColumn" align = "center" width = "15%"> 商?企? </td> <td align = "center" width = "10%"> 到?量 </td> <td align = "center" width = "10%"> 分?打?量 </td> <td align = "center" width = "10%"> 零售?退?量 </td> <td align = "center" width = "10%"> 商商??量 </td> <td align = "center" width = "10%"> ?存量 </td> </tr> <tr> <td class = "FixedDataColumn" align = "left"> 北京市烟草公司 </td> <td align = "right"> 100.34 </td> <td align = "right"> 100.34 </td> <td align = "right"> 100.34 </td> <td align = "right"> 100.34 </td> <td align = "right"> 100.34 </td> </tr> <tr> <td class = "FixedDataColumn" align = "left"> 北京市烟草公司 </td> <td align = "right"> 100.34 </td> <td align = "right"> 100.34 </td> <td align = "right"> 100.34 </td> <td align = "right"> 100.34 </td> <td align = "right"> 100.34 </td> </tr> <tr> <td class = "FixedDataColumn" align = "left"> 北京市烟草公司 </td> <td align = "right"> 100.34 </td> <td align = "right"> 100.34 </td> <td align = "right"> 100.34 </td> <td align = "right"> 100.34 </td> <td align = "right"> 100.34 </td> </tr> <tr> <td class = "FixedDataColumn" align = "left"> 北京市烟草公司 </td> <td align = "right"> 100.34 </td> <td align = "right"> 100.34 </td> <td align = "right"> 100.34 </td> <td align = "right"> 100.34 </td> <td align = "right"> 100.34 </td> </tr> <tr> <td class = "FixedDataColumn" align = "left"> 北京市烟草公司 </td> <td align = "right"> 100.34 </td> <td align = "right"> 100.34 </td> <td align = "right"> 100.34 </td> <td align = "right"> 100.34 </td> <td align = "right"> 100.34 </td> </tr> <tr> <td class = "FixedDataColumn" align = "left"> 北京市烟草公司 </td> <td align = "right"> 100.34 </td> <td align = "right"> 100.34 </td> <td align = "right"> 100.34 </td> <td align = "right"> 100.34 </td> <td align = "right"> 100.34 </td> </tr> <tr> <td class = "FixedDataColumn" align = "left"> 北京市烟草公司 </td> <td align = "right"> 100.34 </td> <td align = "right"> 100.34 </td> <td align = "right"> 100.34 </td> <td align = "right"> 100.34 </td> <td align = "right"> 100.34 </td> </tr> <tr> <td class = "FixedDataColumn" align = "left"> 北京市烟草公司 </td> <td align = "right"> 100.34 </td> <td align = "right"> 100.34 </td> <td align = "right"> 100.34 </td> <td align = "right"> 100.34 </td> <td align = "right"> 100.34 </td> </tr> <tr> <td class = "FixedDataColumn" align = "left"> 北京市烟草公司 </td> <td align = "right"> 100.34 </td> <td align = "right"> 100.34 </td> <td align = "right"> 100.34 </td> <td align = "right"> 100.34 </td> <td align = "right"> 100.34 </td> </tr> <tr> <td class = "FixedDataColumn" align = "left"> 北京市烟草公司 </td> <td align = "right"> 100.34 </td> <td align = "right"> 100.34 </td> <td align = "right"> 100.34 </td> <td align = "right"> 100.34 </td> <td align = "right"> 100.34 </td> </tr> </table> </div></body></html>

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