Paging and Sorting Report Datahttp://www.asp.netWed, 24 Oct 2012 22:43:44 GMTumbracoComments for Paging and Sorting Report DataenComment Posted by Markishttp://www.asp.net/web-forms/tutorials/data-access/paging-and-sorting/paging-and-sorting-report-data-csTue, 13 Jul 2010 13:59:04 GMT00000000-0000-0000-000000009434Thanks Scott!

]]>Comment Posted by asadazmathttp://www.asp.net/web-forms/tutorials/data-access/paging-and-sorting/paging-and-sorting-report-data-csWed, 16 Feb 2011 13:17:24 GMT00000000-0000-0000-0000000012091Good start of Paging & Sorting.

]]>Comment Posted by mfortresshttp://www.asp.net/web-forms/tutorials/data-access/paging-and-sorting/paging-and-sorting-report-data-csWed, 24 Oct 2012 22:43:44 GMT00000000-0000-0000-0000000016673The pager row HTML generated by the ASP.net script contains a table nested inside a table data cell, nested inside the actual table row that represents the pager row, as shown below.

<tr class="PagerRowStyle">

<td colspan="5">

<table>

<tr>

<td>

<a href="javascript:__doPostBack('ctl00$MainContent$Products','Page$1')">

1

</a>

<a href="javascript:__doPostBack('ctl00$MainContent$Products','Page$1')">

2

</a>

<a href="javascript:__doPostBack('ctl00$MainContent$Products','Page$1')">

3

</a>

...

...

...

</td>

</tr>

</table>

</td>

</tr>

When I set the PagerStyle in GridView.skin to use the PagerRowStyle CSS class, the style is applied to the outermost table row, not to the innermost table row of the nested table.

This is fine for the background color style (turning the whole row grey) because the background color can be applied to the outermost row (the actual pager row), even with the nested table in the row. However, the text-align style doesn't work because there is no text in the outermost row to align to the right. There is only a nested table in that row.

In order to "make this work," I added a second style in Styles.css:

.PagerRowStyle table

{

float: right;

}

It's the same style name (PagerRowStyle), so the GridView theme will apply this style to the GridView, as well as applying the original PagerRowStyle, but this second style will float any content to the right in any table within the pager row.

]]>