GridView在回发或onselectedindex更改后丢失了数据表的页眉和页脚

时间:2019-07-22 20:41:25

标签: c# jquery asp.net datatable datatables

Gridview将在页面加载时加载文件,但在回发或onselectedindex更改后丢失了datatable插件。

在尝试使用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>

网格应在页面加载/回发时加载datatable插件

1 个答案:

答案 0 :(得分:0)

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

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