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

Question

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>

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

Answer 1

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

protected void Page_Load(object sender, EventArgs e)
{
    GridView1.HeaderRow.TableSection = TableRowSection.TableHeader;
}