正确对齐表格和调整大小

Question

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

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

例如，如果我尝试使用border-left，则可以添加border-width，border-style，border-colour，herit？

（表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>

....