固定表头和列

ID0	CK0	Code0	Descirption0	TOL0	XS0	SS0	MS0	DS0	BS0	XL0	ML0	DL0	EM0	BM0
88	88	88	88	88	22	22	22	22	22	22	22	22	22	22
111	111	1111	This is Test	1	001	002	003	004	005	006	007	008	009	010
111	111	1111	This is Test	1	001	002	003	004	005	006	007	008	009	010
111	111	1111	This is Test	1	001	002	003	004	005	006	007	008	009	010

 

< HTML >
     < HEAD >
         < title > 固定表头和列 </ title >
         < meta  http-equiv ="Content-Type"  content ="text/html; charset=gb2312" >
         < style >
        .FixedTitleRow {}{ POSITION: relative; ; TOP: expression(this.offsetParent.scrollTop); BACKGROUND-COLOR: #e6ecf0 }
        .FixedTitleColumn {}{ ; LEFT: expression(this.parentElement.offsetParent.scrollLeft); POSITION: relative }
        .FixedDataColumn {}{ ; LEFT: expression(this.parentElement.offsetParent.parentElement.scrollLeft); POSITION: relative; BACKGROUND-COLOR: #e6ecf0 }
         </ style >
     </ HEAD >
     < body >
         < P >
         </ P >
         < div  id ="scrollDiv"  style ="DISPLAY: inline; OVERFLOW: auto; WIDTH: 400px; CURSOR: default; HEIGHT: 200px" >
             < table  id ='accountTable'  width ='500'  height ='230'  cellpadding ='0'  cellspacing ='0'  style ='TABLE-LAYOUT:  auto'
                bordercolor ='lightgrey' >
                 < tr  class ="FixedTitleRow" >
                     < td  class ="FixedTitleColumn" >
                        ID0 </ td >
                     < td  class ="FixedTitleColumn" >
                        CK0 </ td >
                     < td  class ="FixedTitleColumn" >
                        Code0 </ td >
                     < td  class ="FixedTitleColumn" >
                        Descirption0 </ td >
                     < td  class ="FixedTitleColumn" >
                        TOL0 </ td >
                     < td >
                        XS0 </ td >
                     < td >
                        SS0 </ td >
                     < td >
                        MS0 </ td >
                     < td >
                        DS0 </ td >
                     < td >
                        BS0 </ td >
                     < td >
                        XL0 </ td >
                     < td >
                        ML0 </ td >
                     < td >
                        DL0 </ td >
                     < td >
                        EM0 </ td >
                     < td >
                        BM0 </ td >
                 </ tr >
                 < tr >
                     < td  class ="FixedDataColumn" >
                        88 </ td >
                     < td  class ="FixedDataColumn" >
                        88 </ td >
                     < td  class ="FixedDataColumn" >
                        88 </ td >
                     < td  class ="FixedDataColumn" >
                        88 </ td >
                     < td  class ="FixedDataColumn" >
                        88 </ td >
                     < td >
                        22 </ td >
                     < td >
                        22 </ td >
                     < td >
                        22 </ td >
                     < td >
                        22 </ td >
                     < td >
                        22 </ td >
                     < td >
                        22 </ td >
                     < td >
                        22 </ td >
                     < td >
                        22 </ td >
                     < td >
                        22 </ td >
                     < td >
                        22 </ td >
                 </ tr >
                 < tr >
                     < td  class ="FixedDataColumn" >
                        111 </ td >
                     < td  class ="FixedDataColumn" >
                        111 </ td >
                     < td  class ="FixedDataColumn" >
                        1111 </ td >
                     < td  class ="FixedDataColumn" >
                        This is Test </ td >
                     < td  class ="FixedDataColumn" >
                        1 </ td >
                     < td >
                        001 </ td >
                     < td >
                        002 </ td >
                     < td >
                        003 </ td >
                     < td >
                        004 </ td >
                     < td >
                        005 </ td >
                     < td >
                        006 </ td >
                     < td >
                        007 </ td >
                     < td >
                        008 </ td >
                     < td >
                        009 </ td >
                     < td >
                        010 </ td >
                 </ tr >
                 < tr >
                     < td  class ="FixedDataColumn" >
                        111 </ td >
                     < td  class ="FixedDataColumn" >
                        111 </ td >
                     < td  class ="FixedDataColumn" >
                        1111 </ td >
                     < td  class ="FixedDataColumn" >
                        This is Test </ td >
                     < td  class ="FixedDataColumn" >
                        1 </ td >
                     < td >
                        001 </ td >
                     < td >
                        002 </ td >
                     < td >
                        003 </ td >
                     < td >
                        004 </ td >
                     < td >
                        005 </ td >
                     < td >
                        006 </ td >
                     < td >
                        007 </ td >
                     < td >
                        008 </ td >
                     < td >
                        009 </ td >
                     < td >
                        010 </ td >
                 </ tr >
                 < tr >
                     < td  class ="FixedDataColumn" >
                        111 </ td >
                     < td  class ="FixedDataColumn" >
                        111 </ td >
                     < td  class ="FixedDataColumn" >
                        1111 </ td >
                     < td  class ="FixedDataColumn" >
                        This is Test </ td >
                     < td  class ="FixedDataColumn" >
                        1 </ td >
                     < td >
                        001 </ td >
                     < td >
                        002 </ td >
                     < td >
                        003 </ td >
                     < td >
                        004 </ td >
                     < td >
                        005 </ td >
                     < td >
                        006 </ td >
                     < td >
                        007 </ td >
                     < td >
                        008 </ td >
                     < td >
                        009 </ td >
                     < td >
                        010 </ td >
                 </ tr >
             </ table >
         </ div >     
</ body >
</ HTML >