调整桌子全宽

Question

我想像这样格式化我的表：

• 全宽
• 比其他列宽的列可以占用更多位置（通常是第一列）
• 必须裁剪过大的列（类似于溢出：隐藏）
• 最后2列必须比其他列窄

这是一个更明确的jsFiddle：http://jsfiddle.net/BbNFA/

我遇到的问题是当同一行中的所有文本都比页面宽度宽时，会显示一个滚动条。我想通过隐藏溢出文本来防止这种情况。

感谢您的帮助。

Answer 1

修改：在此处使用colgroup查看我的 DEMO 。

使用table-layout属性并将其设置为固定如下，

table  { 
    width: 100%;
    table-layout: fixed; <-- added
}

td  {
    white-space: nowrap;
    overflow: hidden;    <-- added
}