html - 表 - 境界線が表示されない

Question

下の画像のように見えるかもしれませんが、表の下に枠がありません。私のコードでは、テーブルの残りの部分と同じプロパティに設定していますが、うまくいきません。優先順位とか関係あるの？

テーブルは 3 列 7 行に設定されており、最初の列を非表示にしました。

境界線を下部に表示するにはどうすればよいですか? 返信ありがとうございます。

<table class="detailstable" style="width:100%; background-color:White; border-left-color:transparent; border-bottom-color:transparent; border-top-color:transparent;">
             <tr>        
                  <th style="width:70%; border-left-color:transparent; border-top-color:#DBDDFF; border-bottom-color:transparent; border-right-color:#DBDDFF; background-color:White"></th> 
                  <th style="text-align:left; border-left-color:#DBDDFF; border-top:solid 2px #DBDDFF;">Summary</th>   
                  <th style="text-align:right; border-top:solid 2px #DBDDFF"></th>        
             </tr>
             <tr>
                  <th style="width:70%; border-color:transparent; background-color:White; border-right-color:#DBDDFF;"></th>             
                  <td style="text-align:left; width:100px; border-color:#DBDDFF;">Labour</td>
                  <th style="text-align:right; width:100px;"><%: this.FormatMoney(LabourTotal)%></th>
             </tr>
             <tr>    
                  <th style="width:70%; border-color:transparent; background-color:White; border-right-color:#DBDDFF;"></th>          
                  <td style="text-align:left; width:100px; border-top:yes; border-right-color:#DBDDFF; border-bottom-color:#DBDDFF; border-bottom-style:solid">Plant</td>
                  <th style="text-align:right; width:100px;"><%: this.FormatMoney(PlantTotal)%></th>                   
             </tr>
             <tr>   
                  <th style="width:70%; border-color:transparent; background-color:White; border-right-color:#DBDDFF;"></th>             
                  <th style="text-align:right; width:100px; border-right-color:#DBDDFF; border-bottom-color:#DBDDFF;"><%: this.DisplayPlantPercentage%></th>    
                  <td style="text-align:right; width:100px;"><%: this.PlantToDisplayWithTwoDecimalPlaces%></td> 
             </tr>
             <tr>     
                  <th style="width:70%; border-color:transparent; background-color:White; border-right-color:#DBDDFF;"></th>         
                  <td style="text-align:left; width:100px; border-right-color:#DBDDFF; border-bottom-color:#DBDDFF; border-bottom-style:solid;">Miscellaneous</td> 
                  <th style="text-align:right; width:100px; border-top-color:#DBDDFF;" class="FadeOutOnEdit"><%: this.FormatMoney(MiscellaneousItemsTotal) %></th>                 
             </tr>
             <tr>     
                  <th style="width:70%; border-color:transparent; background-color:White; border-right-color:#DBDDFF;"></th>                
                  <th style="text-align:right; width:100px; border-right-color:#DBDDFF; border-bottom-color:#DBDDFF; border-bottom-style:solid"><%: this.DisplayMiscellaneousPercentage%></th>    
                  <td style="text-align:right; width:100px; border-top-color:#DBDDFF;"><%: this.MiscellaneousToDisplayWithTwoDecimalPlaces%></td> 
             </tr>
             <tr>   
                  <th style="width:70%; background-color:White; border-left-color:transparent; border-right-color:#DBDDFF;"></th>    
                  <th style="text-align:left; width:100px; border-right-color:#DBDDFF; border-bottom:solid 2px #DBDDFF">TOTAL</th> 
                  <th style="text-align:right; width:100px; border-top-style:solid; border-top-color:#DBDDFF; border-bottom:solid 2px #DBDDFF"><%: this.FormatMoney(TotalOfAll)%></th>                 
            </tr>
        </table>