0

它可能看起来像下图,但表格底部没有边框。在我的代码中,我将它设置为与表的其余部分相同的属性,但它没有被选中。和优先级有关系吗?

在此处输入图像描述

该表设置为 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>
4

0 回答 0