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

Question

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

总而言之，我正在寻找一种方法来设置固定的列宽，然后在水平空间用完时告诉表格水平滚动。任何建议，将不胜感激!

Answer 1

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

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

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