GridView 在回发或 onselectedindexchanged 后丢失数据表页眉和页脚

Posted 2023-04-13

【中文标题】GridView 在回发或 onselectedindexchanged 后丢失数据表页眉和页脚

【英文标题】：GridView lost datatable header and footer after postback or onselectedindexchanged

【发布时间】：2019-11-30 20:48:36

【问题描述】：

Gridview 将在页面加载时加载文件，但在回发或 onselectedindexchanged 后丢失数据表插件。

我尝试在使用 PageRequestManager 回发后再次加载数据表，但对我没有用。

 $(function () 
            $(document).ready(function () 
                $("#GridView1").prepend($("<thead></thead>").append($(this).find("tr:first"))).dataTable();
            );
        );

下面是网格代码

<asp:GridView ID="GridView1" HeaderStyle-CssClass="bg-primary text-white" AutoPostBack="false" ShowHeaderWhenEmpty="True" runat="server" AutoGenerateColumns="False" OnSelectedIndexChanged="GridView1_OnSelectedIndexChanged" CssClass="table table-bordered" DataSourceID="SqlDataSource1" ClientIDMode="Static">
                            <Columns>

                                <asp:BoundField DataField="ID" HeaderText="ID" SortExpression="ID" />
                                <asp:BoundField DataField="NAME" HeaderText="NAME" SortExpression="NAME" />
                                <asp:BoundField DataField="EMAIL" HeaderText="Email" SortExpression="EMAIL" />
                                <asp:CommandField ShowSelectButton="True" />
                            </Columns>
                            <EmptyDataTemplate>
                                <div class="text-center">No record found</div>
                            </EmptyDataTemplate>
                            <HeaderStyle CssClass="bg-primary text-white"></HeaderStyle>
                        </asp:GridView>

网格应该在页面加载/回发时加载数据表插件

【参考方案1】：

将此添加到页面加载事件：

protected void Page_Load(object sender, EventArgs e)

    GridView1.HeaderRow.TableSection = TableRowSection.TableHeader;