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

Question

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

总之，我正在寻找一种方法来设置固定的列宽，然后告诉表水平滚动（如果表空间不足）。 任何建议，将不胜感激！

Answer 1

我有一个可能的jsFiddle示例： jsFiddle表滚动

表格无法滚动（因为它们不会溢出），但是如果在其周围放置包装纸，则用户可以水平（或垂直）滚动。 但是：如果您不能给表提供固定的宽度，它将仅填充它可以找到的尽可能多的空间。 但是它不会溢出它的父对象。 即使表单元格具有固定的宽度。

但是我的猜测是，如果生成具有此宽度的那些单元格，则可以计算表格应具有的总宽度。 使用此值（IE 1000px）在包装器上创建溢出。