use a datapager control..
<div class="pager" style="margin-left: 20px; margin-top: 20px;">
<asp:DataPager ID="DataPager1" PagedControlID="GridView2" PageSize="10" runat="server"
Visible="true">
<Fields>
<asp:TemplatePagerField>
<PagerTemplate>
<span style="float: right; font-size: 10pt;">Page
<asp:Label runat="server" ID="CurrentPageLabel" Text="<%# Container.TotalRowCount>0 ? (Container.StartRowIndex / Container.PageSize) + 1 : 0 %>" />
of
<asp:Label runat="server" ID="TotalPagesLabel" Text="<%# Math.Ceiling ((double)Container.TotalRowCount / Container.PageSize) %>" />
</span>
</PagerTemplate>
</asp:TemplatePagerField>
<asp:NextPreviousPagerField ButtonCssClass="command" FirstPageText="« First" PreviousPageText="‹ Prev"
RenderDisabledButtonsAsLabels="true" ShowFirstPageButton="true" ShowPreviousPageButton="true"
ShowLastPageButton="false" ShowNextPageButton="false" />
<asp:NumericPagerField ButtonCount="4" NumericButtonCssClass="command" CurrentPageLabelCssClass="current"
NextPreviousButtonCssClass="command" />
<asp:NextPreviousPagerField ButtonCssClass="command" LastPageText="Last »" NextPageText="Next ›"
RenderDisabledButtonsAsLabels="true" ShowFirstPageButton="false" ShowPreviousPageButton="false"
ShowLastPageButton="true" ShowNextPageButton="true" />
</Fields>
</asp:DataPager>
</div>
<asp:GridView ID="GridView2" runat="server" GridLines="None" AutoGenerateColumns="false" PageSize="1"
onrowdatabound="GridView2_RowDataBound" align="center"
OnPageIndexChanging="GridView2_PageIndexChanging" AllowPaging="true" >
<AlternatingRowStyle BackColor="White" />
<RowStyle BackColor="#CCCCCC" />
</asp:GridView>