html - テーブルの正しい配置とサイズ

Question

私の 2 つのテーブルからわかるように、一方は他方とはサイズが異なります。私の最初の質問は、なぜですか？上のテーブルの幅<th>を 100/300/100/100/100 (=700) に設定し、下のテーブルの幅を 500/100/100 (=700) に設定した場合

2. 下のテーブルの概要と合計のみを表示したいので、下のテーブルの最初の列を非表示に設定したいと思います。また、上の表の右側に揃えていただきたいです。アイデアやアドバイスをいただければ幸いです。スタイルにボーダーを設定することと関係がありますか？

たとえば、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>

今のように見える：