表 - 边框未显示

时间:2013-05-09 11:12:37

标签: html asp.net css asp.net-mvc-3

它可能在下图中看起来像,但桌子底部没有边框。在我的代码中,我将它设置为与表的其余部分相同的属性,但它没有提升。它与优先权有关吗?

enter image description here

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

0 个答案:

没有答案