Refresh GridView records after update in ASP.Net

Hello,

When i try approval  or reject  its work very well  from first id when i try apprval or reject from  id  from 10 or more or last record  i get refresh page  and some bug like second row no record onle numbers this is my html.

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.master" AutoEventWireup="true" CodeBehind="reportop.aspx.cs" Inherits="mosa.aad.reportop" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
    <script>
        function selectAllRows(source) {
            var checkboxes = document.querySelectorAll('input[id*="chkSelect"]');
            for (var i = 0; i < checkboxes.length; i++) {
                checkboxes[i].checked = source.checked;
            }
        }

        function openWhatsApp(phoneNumber) {
            var message = "السلام عليكم";
            var url = "https://wa.me/" + phoneNumber + "?text=" + encodeURIComponent(message);
            window.open(url, '_blank');
        }

        function applyAlternatingRowColors() {
            var items = document.querySelectorAll('.mobile-view .card');
            for (var i = 0; i < items.length; i++) {
                if (i % 2 === 0) {
                    items[i].classList.add('row-white');
                } else {
                    items[i].classList.add('row-silver');
                }
            }
        }
        document.addEventListener('DOMContentLoaded', applyAlternatingRowColors);
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <h2 class="text-center mt-5 mb-3 rtl" style="font-family: 'Sultan Bold'; font-size: xx-large; font-weight: bold">عدد الاعتمادات</h2>
    <div id="approvalCircle" runat="server" class="circle-stat" style="font-family: Arial; font-size: x-large; font-weight: bold">100%</div>
    <div class="container mt-5 show-on-pc">
        <div class="row">
            <div class="col-md-3 col-sm-6 mb-3">
                <div class="card">
                    <div class="card-header bg-primary text-white">عدد الموظفين</div>
                    <div class="card-body">
                        <asp:Label ID="lblTotalUsers" runat="server" CssClass="card-text" Font-Bold="True" Font-Size="16" ForeColor="Black" Font-Names="Arial"></asp:Label>
                    </div>
                </div>
            </div>
            <div class="col-md-3 col-sm-6 mb-3">
                <div class="card">
                    <div class="card-header bg-success text-white">معتمد</div>
                    <div class="card-body">
                        <asp:Label ID="lblTotalApprovals" runat="server" CssClass="card-text" Font-Bold="True" Font-Size="16" ForeColor="Black" Font-Names="Arial"></asp:Label>
                    </div>
                </div>
            </div>
            <div class="col-md-3 col-sm-6 mb-3">
                <div class="card">
                    <div class="card-header bg-danger text-white">مرفوض</div>
                    <div class="card-body">
                        <asp:Label ID="lblTotalRejects" runat="server" CssClass="card-text" Font-Bold="True" Font-Size="16" ForeColor="Black" Font-Names="Arial"></asp:Label>
                    </div>
                </div>
            </div>
            <div class="col-md-3 col-sm-6 mb-3">
                <div class="card">
                    <div class="card-header bg-info text-white">المتبقى</div>
                    <div class="card-body">
                        <asp:Label ID="lblFullTotal" runat="server" CssClass="card-text" Font-Bold="True" Font-Size="16" ForeColor="Black" Font-Names="Arial"></asp:Label>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container mt-5 text-center">
        <asp:TextBox ID="txtSearch" runat="server" CssClass="form-control search-input" placeholder="Search by CivilId or Name"></asp:TextBox>
        <asp:Button ID="btnSearch" runat="server" Text="Search" CssClass="btn btn-primary mt-2" OnClick="btnSearch_Click" />
    </div>
    <div class="container show-on-pc">
        <asp:Button ID="btnExport" runat="server" Text="طباعة" CssClass="btn btn-primary export-button hide-on-mobile" OnClick="btnExport_Click" />
        <br />
        <asp:GridView ID="gvReports" runat="server" CssClass="rtl-gridview table table-striped table-bordered" AutoGenerateColumns="False" DataKeyNames="Id" OnRowDataBound="gvReports_RowDataBound" OnRowCreated="OnRowCreated" AllowPaging="True" PageSize="10" OnPageIndexChanging="gvReports_PageIndexChanging">
            <PagerSettings Mode="Numeric" />
            <PagerStyle CssClass="pagination-container" />
            <Columns>
                <asp:TemplateField>
                    <HeaderTemplate>
                        <asp:CheckBox ID="chkAll" runat="server" AutoPostBack="true" OnCheckedChanged="chkAll_CheckedChanged"  />
                    </HeaderTemplate>
                    <ItemTemplate>
                        <asp:CheckBox ID="chkSelect" runat="server" />
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField HeaderText="م">
                    <HeaderStyle  />
                    <ItemTemplate>
                        <asp:Label ID="lblRowNumber" runat="server" Text="<%# Container.DataItemIndex + 1 %>"  ></asp:Label>
                    </ItemTemplate>                    
                </asp:TemplateField>
                <asp:TemplateField HeaderText="الاسم">
                    <HeaderStyle HorizontalAlign="Right" />
                    <ItemTemplate>
                        <asp:Label ID="lblName" runat="server" Text='<%# Eval("Name") %>'></asp:Label>
                        <br />
                          <asp:Label ID="abcivil" runat="server" Text='<%# Eval("CivilId") %>'></asp:Label>
                        <br />
                        <asp:Label ID="mobiletxt" Text='<%# Eval("PhoneNumber") %>' runat="server" />
                        <br />
                        <asp:Button ID="Buttmob" runat="server" Text="WhatsApp" Font-Bold="True" BackColor="Lime" OnClientClick='<%# "openWhatsApp(\"" + Eval("PhoneNumber") + "\"); return false;" %>' Visible='<%# !string.IsNullOrEmpty(Eval("PhoneNumber").ToString()) %>' CssClass="btn btn-success" ForeColor="Black" Height="30px" Width="100px" />
                    </ItemTemplate>
                    <ItemStyle HorizontalAlign="Right" VerticalAlign="Middle" />
                </asp:TemplateField>
                <asp:TemplateField HeaderText="تاريخ الطلب">
                    <ItemTemplate>
                        <%# GetFormattedDateTime(Eval("date")) %>
                    </ItemTemplate>
                    <ItemStyle  VerticalAlign="Middle" />
                </asp:TemplateField>
             
                <asp:TemplateField HeaderText="الادارة">
                    <ItemTemplate>
                        <asp:Label ID="abstates" runat="server" Text='<%# Eval("States") %>'></asp:Label>
                        <br />
                        <asp:Label ID="abcites" runat="server" Text='<%# Eval("Cities") %>'></asp:Label>
                    </ItemTemplate>
                    <ItemStyle  VerticalAlign="Middle"  />
                </asp:TemplateField>
                <asp:TemplateField HeaderText="التخصص">
                    <ItemTemplate>
                        <asp:Label ID="JobTitle" runat="server" Text='<%# Eval("JobTitle") %>'></asp:Label>
                    </ItemTemplate>
                    <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle"  />
                </asp:TemplateField>
                 <asp:TemplateField HeaderText="الجامعة / الدولة">
                    <ItemTemplate>
                        <asp:Label ID="UniversityName" runat="server" Text='<%# Eval("UniversityName") %>'></asp:Label>
                        <br />
                        <asp:Label ID="CountryName" runat="server" Text='<%# Eval("CountryName") %>' ForeColor="Red"></asp:Label>
                    </ItemTemplate>
                    <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" />
                </asp:TemplateField>

                <asp:TemplateField HeaderText="المرفقات">
                    <ItemTemplate>
                        <asp:LinkButton ID="lnkDownload1" runat="server" CommandArgument='<%# Eval("Id") %>' Text="المؤهل العلمي" OnClick="lnkDownload1_Click" CssClass="btn btn-primary"></asp:LinkButton>
                        <br />
                        <asp:LinkButton ID="lnkDownload2" runat="server" CommandArgument='<%# Eval("Id") %>' Text="معادلة المؤهل من التعليم العالي" OnClick="lnkDownload2_Click" CssClass="btn btn-secondary"></asp:LinkButton>
                    </ItemTemplate>
                    <ItemStyle  VerticalAlign="Middle" />
                </asp:TemplateField>
                <asp:TemplateField HeaderText="الحالة">
                    <HeaderTemplate>
                        <asp:DropDownList ID="ddlStatusFilter" runat="server" AutoPostBack="True" OnSelectedIndexChanged="ddlStatusFilter_SelectedIndexChanged">
                            <asp:ListItem Value="All">الكل</asp:ListItem>
                            <asp:ListItem Value="Approved">معتمد</asp:ListItem>
                            <asp:ListItem Value="Rejected">مرفوض</asp:ListItem>
                        </asp:DropDownList>
                    </HeaderTemplate>
                    <ItemTemplate>
                        <asp:Label ID="lblStatus" runat="server" Text='<%# TranslateStatus(Eval("Status").ToString()) %>' CssClass='<%# GetStatusCssClass(Eval("Status").ToString()) %>'></asp:Label>
                    </ItemTemplate>
                    <ItemStyle HorizontalAlign="Center" VerticalAlign="Middle" />
                </asp:TemplateField>
                <asp:TemplateField HeaderText="تحديث الحالة">
                    <ItemTemplate>
                        <asp:DropDownList ID="ddlStatus" runat="server" AutoPostBack="True" OnSelectedIndexChanged="ddlStatus_SelectedIndexChanged">
                            <asp:ListItem>تحديد الاعتماد</asp:ListItem>
                            <asp:ListItem Value="Pending">إسترجاع</asp:ListItem>
                        </asp:DropDownList>
                        <br />
                        <asp:Label ID="lblLastUpdatedBy" runat="server" Text='<%# "  بواسطة: " + Eval("LastUpdatedBy").ToString() %>' CssClass="last-updated-by" Font-Size="Small" ForeColor="Red"></asp:Label>
                        <br />
                        <asp:Label ID="Label1" runat="server" Text='<%# Eval("LastUpdatedDate") != DBNull.Value ? "تاريخ: " + Convert.ToDateTime(Eval("LastUpdatedDate")).ToString("dd/MM/yyyy h:mm") : "تاريخ: N/A" %>' CssClass="last-updated-by" Font-Size="Small"></asp:Label>
                    </ItemTemplate>
                    <ItemStyle  VerticalAlign="Middle" />
                </asp:TemplateField>
            </Columns>
            <RowStyle Font-Bold="True" Font-Names="Arial" Font-Size="12pt" />
        </asp:GridView>
    </div>
    <br />
    <div class="mobile-view">
        <!-- Repeater for Mobile -->
        <asp:Repeater ID="rptMobileView" runat="server">
            <ItemTemplate>
                <div class="card rtl">
                    <h4>م: <%# Container.ItemIndex + 1 %></h4>
                    <p><strong>الاسم:</strong> <%# Eval("Name") %></p>
                    <p><strong>تاريخ الطلب:</strong> <%# Convert.ToDateTime(Eval("date")).ToString("dddd dd/MM/yyyy h:mm tt") %></p>
                    <p><strong>الملف / المدنى:</strong> <%# Eval("FileId") %>, <%# Eval("CivilId") %></p>
                    <p><strong>الادارة:</strong> <%# Eval("States") %>, <%# Eval("Cities") %></p>
                    <p><strong>نوع الطلب:</strong> <%# Eval("ordername") %></p>
                    <p><strong>الحالة:</strong> <span class='<%# GetStatusCssClass(Eval("Status").ToString()) %>'><%# TranslateStatus(Eval("Status").ToString()) %></span></p>
                    <p><strong>بواسطة:</strong> <%# Eval("LastUpdatedBy").ToString() %></p>
                    <p><strong>تاريخ:</strong> <%# Eval("LastUpdatedDate") != DBNull.Value ? Convert.ToDateTime(Eval("LastUpdatedDate")).ToString("dd/MM/yyyy h:mm") : "N/A" %></p>
                    <asp:DropDownList ID="ddlMobileStatus" runat="server" AutoPostBack="True" OnSelectedIndexChanged="ddlMobileStatus_SelectedIndexChanged" Font-Bold="True" Font-Size="Larger">
                        <asp:ListItem>تحديد الاعتماد</asp:ListItem>
                        <asp:ListItem Value="Pending">أسترجاع</asp:ListItem>
                    </asp:DropDownList>
                    <asp:HiddenField ID="hfId" runat="server" Value='<%# Eval("Id") %>' />
                    <asp:LinkButton ID="lnkMobileDownload1" runat="server" CommandArgument='<%# Eval("Id") %>' Text="المؤهل العلمي" OnClick="lnkDownload1_Click" CssClass="btn btn-primary"></asp:LinkButton>
                    <asp:LinkButton ID="lnkMobileDownload2" runat="server" CommandArgument='<%# Eval("Id") %>' Text="معادلة المؤهل من التعليم العالي" OnClick="lnkDownload2_Click" CssClass="btn btn-secondary"></asp:LinkButton>
                    <asp:Button ID="btnWhatsApp" runat="server" Text="WhatsApp" OnClientClick='<%# "openWhatsApp(\"" + Eval("PhoneNumber") + "\"); return false;" %>' class="btn btn-success" />
                </div>
            </ItemTemplate>
        </asp:Repeater>
    </div>
</asp:Content>