HTML表格删除边框

Question

我有问题，以删除表格的边界内的网格视图。表在itemtemplate中。如何做到这一点？请帮帮忙。谢谢

下面是我的代码。

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

Answer 1

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

更新

尝试使用网格视图属性GridLines="None"。

Answer 2

尝尝这个

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

Answer 3

您可以通过遵循CSS将其隐藏，将其添加到css中

td{
 border: none; 
}