解决方法
如果您使用nth-child,则可以使用CSS执行此操作
CSS：
.table {
table-layout:auto
}
td,th {
border: 1px solid #999;
padding: 0.5rem;
}
.table1 th:nth-child(1),.table1 td:nth-child(1) {
width: 200px; /*becomes 218px with padding*/
background: hsl(150,50%,50%);
}
HTML：
<h3>table 1</h3>
<table class="table1">
<thead>
<tr>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>I'm 218px wide!</td>
<td>00001</td>
<td>Blue</td>
</tr>
<tr>
<td>I'm 218px wide!</td>
<td>00002</td>
<td>Red</td>
</tr>
<tr>
<td>I'm 218px wide!</td>
<td>00003</td>
<td>Green</td>
</tr>
</tbody>
</table>
<p> </p>
<h3>table 2</h3>
<table>
<thead>
<tr>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>I'm 118px wide!</td>
<td>00001</td>
<td>Blue</td>
</tr>
<tr>
<td>I'm 118px wide!</td>
<td>00002</td>
<td>Red</td>
</tr>
<tr>
<td>I'm 118px wide!</td>
<td>00003</td>
<td>Green</td>
</tr>
</tbody>
</table>
这是一个演示：http://jsfiddle.net/3dyhE/2/
