如何避免表格布局避免表格的某些元素？

Question

所以我一直在尝试使用固定的表格布局，以便内容以最大的宽度得到它的宽度，但我不希望这种情况发生在所有数据上。其中一些需要内容本身的宽度而不是他们在同一行中的兄弟。这是代码

 <table>
    <tbody>
     <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <th>2012</th>
        <th>2011</th>
        <th>Var</th>
     </tr>
     <tr>
        <td class="day">M</td>
        <td class="date">3</td>
        <td>300,500</td>
        <td>300,500</td>
        <td>0%</td>
     </tr>
     <tr>
        <td class="day">T</td>
        <td class="date">4</td>
        <td>300,500</td>    
        <td>300,500</td>
        <td>0%</td>
     </tr>
  </tbody>

这是CSS

table {
    float: left;
    width: 100%;
    height: auto;
    margin-top: 20px;
    table-layout: fixed;
    display: table;
    }
table tr{
   border-bottom: 1px solid #ccc;
   width: 100%;
}
table tr th{
    text-align: center;
}
table tr td{
    display: table-cell;
    text-align: center;        
}

所以问题是我希望带有类日期和日期的td具有宽度（如width = auto）的宽度，以避免表格单元格功能。你有什么建议我应该做的。我可以在CSS中执行此操作，还是应该为此执行脚本。