HTML表格 - 固定宽度列和水平滚动

时间:2010-10-15 10:06:48

标签: html css xhtml html-table

我需要创建一个具有固定列宽的HTML表,例如每列200px。如果表超过浏览器视口的水平宽度,则应该有水平滚动以查看屏幕外的列。由于表是从数据库动态生成的,因此每次都会有不确定数量的列,因此无法提前定义总表宽。

总之,我正在寻找一种方法来设置一个固定的列宽,然后告诉表水平滚动,如果它用完了水平空间。任何建议,将不胜感激!

1 个答案:

答案 0 :(得分:7)

我有一个可能的jsFiddle示例: jsFiddle table scrolling

表不能自己滚动(因为它们永远不会溢出),但如果你在它周围放一个包装器,用户可以水平(或垂直)滚动。然而: 如果你不能给你的桌子一个固定的宽度,它只会填充它可以找到的空间。但它不会溢出它的父母。即使表格单元格具有固定的宽度。

但我的猜测是,如果生成具有此宽度的单元格,则可以计算表格的总宽度。使用此值(I.E 1000px)在包装器上创建溢出。