Fix and Scrollable table structure using html div
可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效,请关闭广告屏蔽插件后再试): 问题: I want to create a table grid where first few columns are fixed and rest of them are scrollable as seen in this image. Rest of the columns are dynamic, user can select and deselect columns. I am struggling to make that html using div or tables. Need guidance or sample structure to move on. 回答1: With custom implementation. Just simple like this: table { table-layout: fixed; width: 100%; *margin-left: -100px;/*ie7*/ } td, th { vertical-align: top; border-top: 1px solid #ccc; padding:10px; width:100px; } .col1{ position:absolute; *position: