html - Table - border not showing -


it may in below image, there no border @ bottom of table. in code have set same properties rest of table, isnt picking up. priority?

enter image description here

the table set 3 columns , 7 rows, have hidden first column.

how can border appear @ bottom? replies.

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


Comments

Popular posts from this blog

linux - xterm copying to CLIPBOARD using copy-selection causes automatic updating of CLIPBOARD upon mouse selection -

qt - Errors in generated MOC files for QT5 from cmake -