Problems with pager layout when using a view control

I’ve run into some rather annoying issues with the built-in pager feature that comes with a view control in an xpage.

I wanted the pager width to be 100% so it nicely matched up with the width of the view contents - i.e. it begins at the same left boundry and ends at the same right boundry as the view contents. Unfortunately that’s not what happens - there ends up being gaps on both the left and right side of the pager text such that it doesn’t properly line up with the view contents. I looked at the HTML source of the browser page and it shows the following for the table row that contains the pager:

 
Previous1Next
 

I copied the HTML source to local file and by hacking at the code determine that the problem was the inclusion of a number of tags that, from my point of view, are extraneous and serve no significant purpose. I could find no way to get rid of them.

As an alternative approach, I removed the built-in pager that comes with the view control and simply added a separate pager control to my xpage, just above the view control I attached it to. The pager properly displayed at the same width as the view contents (no extraneous tags). Yea! However, rather that sit nicely just above the view contents there was a significant and unacceptible gap between the pager and the view contents. Boo! Looking at the source HTML again I found the following where the built-in pager used to be:

     

Apparently, even though I removed the built-in pager from the view panel it still generated HTML for the table row where the pager would have gone and this caused the gap in the displayed results. Arrgh!

The first issue is annoying enough, but if I tell you not to include a built-in pager then don’t just stick some junk HTML in it’s place!

Anyway, if anyone knows of a workaround that still uses a view control, and not a repeater/table approach, please let me know.