Question

我有一种情况，我必须以下列方式显示数据。

------------------------------------------------------------------------------
| header 1               |        header 2         |         header 3        |
------------------------------------------------------------------------------
| Subheader1 |Subheader2 | Subheader1 | Subheader2 | Subheader1 | Subheader2 |
------------------------------------------------------------------------------
| Data       |   Data    |    Data    |   Data     |   Data     |    Data    |
------------------------------------------------------------------------------

我使用gridview以上述方式显示数据。我有以下方式写的gridview代码。

<asp:GridView ID="Gridt" AutoGenerateColumns="false" runat="server">            
                        <Columns>
                            <asp:TemplateField>
                                <HeaderTemplate>
                                <table border="1" style="text-align:center" >
                                    <tr>
                                        <td>
                                            Header 1
                                        </td>
                                        <td>
                                            Header 2
                                        </td>
                                        <td>
                                            Header 3
                                        </td>
                                     </tr>
                                     <tr>
                                        <td style="width:75px">
                                            Subheader1
                                        </td>
                                        <td style="width:75px">
                                            Subheader2
                                        </td>
                                        <td style="width:75px">
                                            Subheader1
                                        </td>
                                        <td style="width:75px">
                                            Subheader2
                                        </td>
                                        <td style="width:75px">
                                            Subheader1
                                        </td>
                                        <td style="width:75px">
                                            Subheader2
                                        </td> 
                                       </tr>
                                    </HeaderTemplate>
                                     <ItemTemplate>                        
                                    <tr>
                                        <td style="width:75px">
                                            <%# Eval("xxx")%>
                                        </td>
                                        <td style="width:75px">
                                            <%# Eval("xxx1")%>
                                        </td>

                                        <td style="width:75px" >
                                            <%# Eval("yyy")%>
                                        </td>

                                        <td style="width:75px">
                                            <%# Eval("yyy1")%>
                                        </td>

                                        <td style="width:75px">
                                            <%# Eval("zzz")%>
                                        </td>

                                        <td style="width:75px">
                                            <%# Eval("zzz1")%> 
                                        </td>
                                    </tr>
                                 </ItemTemplate>
                              </asp:TemplateField>
                        </Columns>
                    </asp:GridView>

现在我想动态删除标题2以及副标题1，subheader2和数据。请提出建议..

Answer 1

你必须将class / id分配给你想隐藏的单元格，并使用jQuery或javascript来实现它。您可以调用此函数，而您需要页面以及代码

Answer 2

你必须将class / id分配给你想隐藏的单元格，并使用jQuery或javascript来实现它。您可以调用此函数，而您需要页面以及代码

然后使用jquery

$(this).parent().remove();

或

$(this).remove();

根据您的要求......

动态删除gridview中的表格中的td

2 个答案: