强制固定宽度表格的单元格具有精确定义的宽度

Question

基本上我有<table>占用屏幕的整个可用宽度。有时我可能有很多单元格，因此为每个<col>提供基本宽度是有帮助的，以确保它不会截断不良。

我也是，无论如何，都有一个复选框作为第一列。我一直希望这个宽度为31像素（精确到31px ）。我没关系，如果剩下的细胞没有采用它们的精确宽度，而是基于指定宽度的可用空间的百分比，这似乎是内部现在做的事情。

问题是，如果<table>占据屏幕的整个宽度（，我需要它占据屏幕的整个宽度），我碰巧有几个coulmns （比如说4列）所有都有定义的宽度，复选框列将更长：

这是小提琴：http://jsfiddle.net/7wwp53aw/2/

我还在小提琴中加入了所需的表格。

Answer 1

您需要允许至少一个列没有宽度 如果它们都定义了宽度，那么它将被用作整个表格的比例。

<colgroup>
    <col style="width: 31px;">
    <col>
    <col style="width: 100px;">
    <col style="width: 100px;">
</colgroup>

或者您可以保留除一个以外的所有内容，以便根据内容获得自动宽度。

<colgroup>
    <col style="width: 31px;">
    <col>
    <col>
    <col>
</colgroup>

http://jsfiddle.net/gaby/7wwp53aw/8/

演示

Answer 2

由于您为表格提供了宽度（100％），因此没有理由为每个单元格赋予宽度。保留您不关心的单元格的宽度，并且它可以正常工作：

http://jsfiddle.net/7wwp53aw/7/

    <colgroup>
        <col style="width: 31px;">
        <col>
        <col>
        <col>
    </colgroup>