GridView 分頁 - 第一個、最後一個、下一個、上一個

是否可以添加：

GridView 分頁的“First、Last、Next、Previous”選項？我似乎無法弄清楚。我能得到的只是數字和 >> 最後和 << 第一個……

設置 PagerSettings 部分的 PageText 屬性的值：

<asp:GridView ID="gridView" runat="server" AllowPaging="True">
   <PagerSettings  Mode="NextPreviousFirstLast" FirstPageText="First" PreviousPageText="Previous" NextPageText="Next" LastPageText="Last" />
</asp:GridView>

您也可以從設計器的“屬性”視窗中設置這些值..

在此處輸入圖像描述我們還可以在gridview中組合數字和第一個和最後一個自定義按鈕為此，我們需要在gridview中啟用正常分頁

然後設置pagerstyle這將顯示帶有數字的正常分頁。對於自定義的第一個和最後一個按鈕，為此編寫 jquery 程式碼

$(document).ready(function () { //pager第一個位置的第一個按鈕使用prepend方法 $ (’.gridviewPager’).closest(’tr’).find(’table tbody tr’).prepend(‘First’); //For the Last button at last position of pager use append method $ (’.gridviewPager’).closest(“tr”).find(“table tbody tr”).append(‘Last’); })

帶第一個和最後一個按鈕的尋呼機

<script type="text/javascript">
       $(document).ready(function () {
           $('.gridviewPager').closest('tr').find('table tbody tr').prepend('<td><a href="javascript:__doPostBack(' + "'ctl00$ContentPlaceHolder1$gvReport'" + ',' + "'Page$First'" + ')">First</a></td>');
           
           $('.gridviewPager').closest("tr").find("table tbody tr").append('<td><a href="javascript:__doPostBack(' + "'ctl00$ContentPlaceHolder1$gvReport'" + ',' + "'Page$Last'" + ')">Last</a></td>');
       })
   </script>

<style>
       .gridviewPager {
           background-color: #fff;
           padding: 2px;
           margin: 2% auto;
       }

           .gridviewPager a {
               margin: auto 1%;
               border-radius: 50%;
               background-color: #545454;
               padding: 5px 10px 5px 10px;
               color: #fff;
               text-decoration: none;
               -o-box-shadow: 1px 1px 1px #111;
               -moz-box-shadow: 1px 1px 1px #111;
               -webkit-box-shadow: 1px 1px 1px #111;
               box-shadow: 1px 1px 1px #111;
           }

               .gridviewPager a:hover {
                   background-color: #337ab7;
                   color: #fff;
               }

           .gridviewPager span {
               background-color: #066091;
               color: #fff;
               -o-box-shadow: 1px 1px 1px #111;
               -moz-box-shadow: 1px 1px 1px #111;
               -webkit-box-shadow: 1px 1px 1px #111;
               box-shadow: 1px 1px 1px #111;
               border-radius: 50%;
               padding: 5px 10px 5px 10px;
           }
   </style>

<asp:GridView ID="gvReport" runat="server"   DataKeyNames="ID" class="table table-striped table-bordered" AllowPaging="true" PageSize="10" Width="100%" AutoGenerateColumns="false">
                                   <PagerStyle CssClass="gridviewPager" />
                                   
                                   <Columns>
                                       <asp:TemplateField HeaderText="Sr No">
                                           <ItemTemplate>
                                               <asp:Label ID="lblSrNo" runat="server" Text='<%#Container.DataItemIndex+1 %>'></asp:Label>
                                           </ItemTemplate>
                                       </asp:TemplateField>
                                      <asp:BoundField DataField="ID" HeaderText="Id" Visible="false"></asp:BoundField>
                                       <asp:BoundField DataField="NameE" HeaderText="Aadhar Name"></asp:BoundField>
                                       <asp:BoundField DataField="District" HeaderText="District Name"></asp:BoundField>
                                       <asp:BoundField DataField="Block" HeaderText="Block Name"></asp:BoundField>
                                       <asp:BoundField DataField="Mobile" HeaderText="Mobile"></asp:BoundField>
                                       <asp:BoundField DataField="AMobile" HeaderText="Alternate Mobile"></asp:BoundField>
                                       <asp:BoundField DataField="Adhar" HeaderText="Adhar"></asp:BoundField>
                                       <asp:BoundField DataField="Gender" HeaderText="Gender"></asp:BoundField>
                                       <asp:BoundField DataField="Sector" HeaderText="Sector's"></asp:BoundField>
                                       <asp:BoundField DataField="Age" HeaderText="Age"></asp:BoundField>
                                       <asp:BoundField DataField="Qualification" HeaderText="Highest Qualification"></asp:BoundField>
                                       <asp:BoundField DataField="GREDTYPE" HeaderText="Score Type"></asp:BoundField>
                                       <asp:BoundField DataField="PGC" HeaderText="Per./Grade/CGPA"></asp:BoundField>
                                       

                                   </Columns>
                               </asp:GridView>

引用自：https://stackoverflow.com/questions/5678384