You can use rich:dataScroller with rich:dataTable/rich:extendedDataTable to do this, have a look here:
Note that this showcase example is a fairly simple example that doesn't lazy load the data, which gets quite a
bit more complicated.
Yes I did look at the image. What exactly is it that's important, the pagination controls? If so as it happens I'm using exactly
the same images as you have in your image, i.e. |< < > >|.
Inside rich:dataScroller you can define facets (f:facet name=) with names first, last, next & previous, and inside the facet use
p.s. I never managed to get the page number and the images (first, last etc..) quite vertically aligned, so if you do perhaps
you could let me know by replying to this post.