Adding paging to a data table

If your data table returns a large number of records, you can add paging options so that the user can page through the records, displaying a specified number of rows at a time. You can choose from a variety of paging formats, which enable the user to move back and forth between the pages of data.

To add paging to your data table:

1. Select the data table component on a Faces JSP page.

2. In the Properties view for the data table, select the

   Display options tab.

3. In the Paging section, specify the number of rows per page.

4. Click one of the following Add buttons:

   • Add Web style pager creates a series of page numbers with hyperlinks to the appropriate pages.

   • Add a goto pager creates a pager with a

     Go button and a box listing page numbers.

   • Add a deluxe pager creates a pager with arrow controls for forward, back, first, and last, and text indicating "Page n of nn."

   • Add a simple pager creates a pager with a

     Go button and a box listing next and previous page options.

   The pager is created in a panel box in the footer of the data table.

5. To show the total number of data records, click

   Add page information. A new panel box is added to the footer of the data table and it displays the total number of data records and the number currently displayed.

By default the pager is created in the data table footer. You can reposition the pager by dragging it into the header or into one of the columns. You can also reposition the pager by manually changing the source code: for example, to relocate the pager in the header, locate the facet tag surrounding the panel box that contains the pager and change facet name to top.

	<f:facet name="top">
		<hx:panel_box id="tjsfdgpaging1" 
		<hx:pager_web id="tjsfdgpaging2" />
		</hx:panel_box>
	</f:facet>

 

Related concepts

Data table components

---