正确的对齐和表的大小

Question

从我的两张表中可以看出，一张与另一张不同。 我的第一个问题是，为什么会这样？当我将顶部表格中的<th>的宽度设置为100/300/100/100/100（= 700），并将底部表格的宽度设置为500/100/100（= 700）

1. 我想将下表中的第一列设置为不可见，因为我只想查看底部表的摘要和总计。我也希望与上桌的右侧对齐。任何想法或建议将不胜感激。是否与在样式中设置边框有关？

如果我尝试使用border-left，例如我可以添加border-width，border-style，border-color，inherit？

（表2）

 <table class="detailstable StartOnNewPage" align="center">
        <tr>          

                <th style="width:500px;"></th>  
                <th style="text-align:left; width:100px;">Summary</th>   
                <th style="text-align:right; width:100px;"></th>        
        </tr>
        <tr>                  
                <td style="width:500px;"></td>
                <td style="text-align:left; width:100px;">Labour</td>
                <th style="text-align:right; width:100px;"><%: this.FormatMoney(LabourTotal)%></th>
        </tr>
        <tr>              
                <td style="width:500px;"></td>
                <td style="text-align:left; width:100px; border-top:yes;">Plant</td>
                <th style="text-align:right; width:100px;"><%: this.FormatMoney(PlantTotal)%></th>                   
        </tr>
        <tr>
                <td style="width:500px;"></td>                     
                <th style="text-align:right; width:100px;"><%: this.DisplayPlantPercentage%></th>    
                <td style="text-align:right; width:100px;"><%: this.PlantToDisplayWithTwoDecimalPlaces%></td> 
        </tr>
         <tr>                 
                <td style="width:500px;"></td>
                <td style="text-align:left; width:100px;">Miscellaneous</td> 
                <th style="text-align:right; width:100px" class="FadeOutOnEdit"><%: this.FormatMoney(MiscellaneousItemsTotal) %></th>                 
         </tr>
         <tr>
                <td style="width:500px;"></td>                     
                <th style="text-align:right; width:100px;"><%: this.DisplayMiscellaneousPercentage%></th>    
                <td style="text-align:right; width:100px;"><%: this.MiscellaneousToDisplayWithTwoDecimalPlaces%></td> 
         </tr>
         <tr>   
                <td style="width:500px;"></td>
                <th style="text-align:left; width:100px;">TOTAL</th> 
                <th style="text-align:right; width:100px;"><%: this.FormatMoney(TotalOfAll)%></th>                 
        </tr>
        </table>

现在看起来像：

Answer 1

对于下表，删除第一列并使用表属性align，如下所示

<table class="detailstable StartOnNewPage" align="right">
    <tr>          
    <th style="text-align:left; width:100px;">Summary</th>   
            <th style="text-align:right; width:100px;"></th>        
    </tr>
    <tr>                  
            <td style="text-align:left; width:100px;">Labour</td>
            <th style="text-align:right; width:100px;"><%: this.FormatMoney(LabourTotal)%></th>
    </tr>

...