Question

我有问题要删除gridview中的表格边框。该表位于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">。

<强>更新

尝试gridview属性GridLines="None"。

Answer 2

试试这个

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

Answer 3

你可以通过关注CSS来隐藏它将它添加到css中

td{
 border: none; 
}

Answer 4

使用GridLines =＆＃34;无＆＃34;这是gridview的一个属性。在表中使用border =＆＃34; 0＆＃34;像这样 -

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

Answer 5

您可以使用两种方法来避免表格的边框。一个是将表格边界声明为0，即<table border=0>或不是表格边界。另一种是使用CSS。即

table
{
border : 0px;
}

（或）

table
{
border : none;
}

HTML表删除边框

5 个答案: