如何使內表外表對準

Question

這裏是我的表： http://jsfiddle.net/1uw1xsxr/

<table border=1 width=100%><tr><td>id</td><td>status</td><td>action</td><td>date</td><td>by</td></tr> 
<tr><td colspan=5><table border=1 width=100%> 
    <tr><td>1257</td><td>red</td><td>go</td><td>1-1-2011</td><td>dora</td></tr> 
    <tr><td>1257</td><td>red</td><td>go</td><td>1-1-2011</td><td>dora</td></tr> 
    <tr><td>1257</td><td>red</td><td>go</td><td>1-1-2011</td><td>dora</td></tr> 
    </table> 
    </td></tr></table> 

我必須這樣做內表列與外部表列對齊？

Answer 1

設置TD的寬度相同的兩個表：

table td {width: 20%} 

Answer 2

那些是「外部表列」你的表頭？

如果是這樣，使用方法：

<table> 
    <thead> 
     <tr><th>Header1</th><th>Header2</th></tr> 
    </thead> 

    <tbody> 
    </tbody> 
</table>