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

Question

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

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

我有困难得到两个表中的第一个2列具有相同的宽度，即使在每个表中的第一列分配类tearsheet-image和第二列分配类fund-compare-column，它已指定宽度如下：

.tearsheet-image { 
    width: 13px; 
} 

.fund-compare-column { 
    width: 13px; 
} 

我需要什么，以使双方有了第2列相同的列宽呢？

Answer 1

在你的CSS你有table {width:100%}

这是矛盾的13像素/ 13像素/ 250像素的要求。所以有些事情必须给我猜。

我找到控制表的列宽最干净的方法是用<col>元素：

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

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