html怎么固定左侧一列,具有水平滚动功能的HTML表（固定的第一列）

largeQ

怎么样：table {  table-layout: fixed;   width: 100%;  *margin-left: -100px; /*ie7*/}td, th {  vertical-align: top;  border-top: 1px solid #ccc;  padding: 10px;  width: 100px;}.fix {  position: absolute;  *position: relative; /*ie7*/  margin-left: -100px;  width: 100px;}.outer {  position: relative;}.inner {  overflow-x: scroll;  overflow-y: visible;  width: 400px;   margin-left: 100px;}

 

   

	Col 1	Col 2	Col 3	Col 4	Col 5
Header A	col 1 - A	col 2 - A (WITH LONGER CONTENT)	col 3 - A	col 4 - A	col 5 - A
Header B	col 1 - B	col 2 - B	col 3 - B	col 4 - B	col 5 - B
Header C	col 1 - C	col 2 - C	col 3 - C	col 4 - C	col 5 - C

 

您可以在以下jsbin中对其进行测试：http ://jsbin.com/uxecel/4/edit