HTML表刪除邊框

我有問題，以刪除GridView中的表的邊框。該表位於itemtemplate內。怎麼做？請幫忙。謝謝HTML表刪除邊框

以下是我的代碼。

       <StdUI:GridView ID="gvSI" runat="server" AutoGenerateColumns="false" HideHeader="true" 
         HideFooter="true" Visible="False"> 
         <Columns> 
          <asp:TemplateField> 
           <HeaderTemplate> 
            <table class="style1" border="1" style="border-width: 1px; border-color: #C0C0C0;"> 
             <tr> 
              <td rowspan="3" style="text-align: center"> 
               End of Certificate Year 
              </td> 
              <td class="style2" colspan="5"> 
               <btd> 
               Guaranteed 
              </td> 
              <td colspan="3" style="text-align: center"> 
               Total Benefits&nbsp; 
              </td> 
             </tr> 
             <tr> 
              <td class="style2" rowspan="2"> 
               Yearly Contribution 
              </td> 
              <td class="style2" rowspan="2"> 
               Wakalah Fee 
              </td> 
              <td colspan="3" style="text-align: center"> 
               PRF 
              </td> 
              <td rowspan="2" style="text-align: center"> 
               Death Benefit (Nonaccidental cause) 
              </td> 
              <td class="style2" rowspan="2"> 
               Death Benefit (Accidental cause) 
              </td> 
              <td class="style4" rowspan="2"> 
               Surrender Value 
              </td> 
             </tr> 
             <tr> 
              <td class="style5"> 
               Death Benefit (Non- accidental cause) 
              </td> 
              <td class="style2"> 
               Death Benefit (Accidental cause) 
              </td> 
              <td class="style2"> 
               Surrender Value 
              </td> 
             </tr> 
            </table> 
           </HeaderTemplate> 
           <ItemTemplate> 
<table class="style1" border="0"> 
<tr> 
<td style="text-align: center" > 
<asp:label ID="Label1" runat="server" Text='<%# Bind("Col1") %>' > 
     </asp:label> </td> 
<td style="text-align: center"> 
<asp:label ID="Label2" runat="server" Text='<%# Bind("Col2") %>'> 
     </asp:label> </td> 
<td style="text-align: center"> 
<asp:label ID="Label3" runat="server" Text='<%# Eval("Col3") %>'> 
     </asp:label> </td> 
<td style="text-align: center" width="76"> 
<asp:label ID="Label4" runat="server" Text='<%# Eval("Col4") %>'> 
     </asp:label> </td> 
<td style="text-align: center" width="65"> 
<asp:label ID="Label5" runat="server" Text='<%# Eval("Col5") %>'> 
     </asp:label> </td> 
<td style="text-align: center" width="76"> 
<asp:label ID="Label6" runat="server" Text='<%# Eval("Col6") %>'> 
     </asp:label> </td> 
<td style="text-align: center" width="80"> 
<asp:label ID="Label7" runat="server" Text='<%# Eval("Col7") %>'> 
     </asp:label> </td> 
<td style="text-align: center" width="77"> 
<asp:label ID="Label8" runat="server" Text='<%# Eval("Col8") %>'> 
     </asp:label> </td> 
<td style="text-align: center" width="76"> 
<asp:label ID="Label9" runat="server" Text='<%# Eval("Col9") %>'> 
     </asp:label> </td> 
</tr> 
</table> 
           </ItemTemplate> 
          </asp:TemplateField> 
          </Columns> 
           </StdUI:GridView>

目前的設計 http://postimg.org/image/ws3s2agbl/

來源

2015-01-02 Ng Mun Keat

可以請你也表明類= 「表1」中使用 –

使用<table class="table1" border="0">而不是<tr style="border:0">。

更新

嘗試GridView控件屬性GridLines="None"。

來源

2015-01-02 05:42:46

同樣不工作 –

的CSS展現你的GridView代碼 –

@NgMunKeat看到更新。 –

試試這個

<table class="style1" border="0" style="border:none;">

來源

2015-01-02 06:01:08

您可以通過下面的CSS 添加它的CSS

td{ 
border: none; 
}

來源

2015-01-02 06:02:25 Venkat

使用網格線= 「無」，這是GridView控件的屬性裏面隱藏它。在表中使用邊界=「0」這樣的 -

<table class="style1" border="0" style="border-width: 1px; border-color: #C0C0C0;">

來源

2015-01-02 06:06:11 yogihosting

您可以使用兩種方法來避免表的邊框。其中之一是將表格邊框聲明爲0，即<table border=0>或者沒有裁剪表格邊界。另一個是使用CSS。即

table 
{ 
border : 0px; 
}

（或）

table 
{ 
border : none; 
}

來源

2015-01-02 06:12:08 Jegannath

HTML表刪除邊框

回答

相關問題