如何让两个表具有相同的列宽？

Question

我在不同的页面上有2个表。两个表都具有相同的前两列。第一列是TearSheet图像，第二列是复选框。

这两个都可以在这里看到：http://jsfiddle.net/VH4Q8/1/

我很难让两个表中的前两列具有相同的宽度，即使在每个表中第一列分配了类tearsheet-image而第二列分配了类{{1其宽度指定如下：

fund-compare-column

为了使两个列的前两列具有相同的列宽，我需要做什么？

Answer 1

在CSS中，您有table {width:100%}

这与您的13px / 13px / 250px要求相矛盾。所以有必要给我一些猜测。

我发现控制表格列宽的最简洁方法是使用<col>元素：

<table>
  <col class="tearsheet-image">
  <col class="fund-compare-column">
  <thead>
    ...

...那么你不必在每一行的每个单元格上指定列的类。但是，如果我没记错的话，并不是所有的样式属性都会被应用，但是宽度和背景都是，但是文本对齐不是：（。