在一个屏幕上列出所有的产品对于用户查看数据非常不方便。要让结果更加可以管理，我们应该把数据分几个页面来呈现，并提供用户切换页面的功能。要实现这个只需要选择GridView智能标签前的Paging复选框即可（其实就是把AllowPaging属性设置为true）。
图7：点击Enable Paging复选框来支持分页
开启分页以后就能限制每页显示的记录数量并且在GridView中增加了分页导航。默认如图7，是一系列页面的数字，运行用户快速从一个页面切换到另一个。其实我们并不陌生，在为过去的教程中我们已经为DetailsView个FormView控件提供过分页支持。
DetailsView和FormView控件仅仅支持每一页显示一条记录。但是对于GridView，有一个PageSize 属性，能让我们配置每页显示的记录数（默认是设置为10）。
GridView, DetailsView 和 FormView分页导航能使用下面的属性来配置：
PagerStyle –指示分页导航的样式，能设置BackColor, ForeColor, CssClass, HorizontalAlign等等。
PagerSettings –包含大量属性来自定义分页导航的功能；PageButtonCount代表显示在底部分页导航的最大页面数（默认为10）；Mode 属性 代表分页操作的形式，能设置为：
NextPrevious –显示下一页和上一页按钮，让用户一次朝后或者朝前翻一页
NextPreviousFirstLast –除了下一页和上一页按钮外，还提供第一页和最后一页按钮，能让用户快速定位到首页或者末页数据
Numeric –显示一系列页面数字，让用户直接点击数字切换到相应页面
NumericFirstLast –除了页面数字以外还提供第一页和最后一页按钮，让用户能快速定位到首页或者末页数据，只有当没有显示首页或者末页数字时才显示按钮
此外，GridView, DetailsView和 FormView还提供了PageIndex 和 PageCount属性来指示当前呈现的页面和页面总数。PageIndex属性从0开始编号，因此我们浏览第一页的时候就为0，而PageCount是从1开始编号的，因此PageIndex的范围在0和PageCount – 1之间。
让我们再花一些时间来改进GridView分页导航的默认外观。首先，我们把分页导航居右并且设置为灰色背景色。我们不希望直接设置GridView的PagerStyle属性来实现，而是在Styles.css中创建一个称作PagerRowStyle 的CSS类，然后设置主题文件中PagerStyle的CssClass属性进行关联。首先打开Styles.css然后把下面CSS类定义加入文件：
.PagerRowStyle { background-color: #ddd; text-align: right; }
接着，打开App_Themes 文件夹中DataWebControls 文件夹下的GridView.skin文件。我们在母板页和站点导航教程中提到过，Skin文件能为WEB控件指定一个默认的属性值。因此，我们设置PagerStyle的CssClass属性为PagerRowStyle。同样，让我们配置分页导航来显示5个页面数字（NumericFirstLast模式）。
<asp:GridView runat="server" CssClass="DataWebControlStyle"> <AlternatingRowStyle CssClass="AlternatingRowStyle" /> <RowStyle CssClass="RowStyle" /> <HeaderStyle CssClass="HeaderStyle" /> <FooterStyle CssClass="FooterStyle" /> <SelectedRowStyle CssClass="SelectedRowStyle" /> <PagerStyle CssClass="PagerRowStyle" /> <PagerSettings Mode="NumericFirstLast" PageButtonCount="5" /> </asp:GridView>
分页用户体验