Look at the generated HTML. You'll see that the pager is rendered as a child table within a row at the bottom of the main
GridView
table:
<table class="fixedColWidth" ...>
...
<tr>
<td colspan="...">
<table>
<tr>
<td>
1
</td>
<td>
<a ...>2</a>
</td>
...
</tr>
</table>
</td>
</tr>
</table>
Your CSS rule says that any
<td>
within the main table should have a fixed width of 150px. This includes the
<td>
s nested within the pager table.
You'll need to change your rule so that it only applies to the immediate children of the
GridView
. (Depending on your settings, you might need to account for a
<thead>
/
<tbody>
as well.)
.fixedColWidth > tr > td,
.fixedColWidth > tbody > tr > td,
.fixedColWidth > thead > tr > td,
.fixedColWidth > tfoot > tr > td
{
min-width: 150px;
max-width: 150px;
}