0

While trying to adjust the resolution of primefaces dataTable, the the paginator header has some issues. How can I sort it? My screen shots are given below. One full screen .enter image description here and on restore downenter image description here

3
  • im also in this problem, my table is too small having three columns. But header is much more lengthy than column width.
    – Kushan
    Commented Jan 13, 2012 at 5:53
  • I put style="display:block;overflow-y:none;overflow-x:auto;" for dataTable for correct screen resolution but no change for the paginator header.
    – Nidheesh
    Commented Jan 13, 2012 at 9:14
  • 1
    Report a bug to PF guys.
    – BalusC
    Commented Jan 13, 2012 at 13:48

2 Answers 2

1

I solved it with this:

.ui-datatable-tablewrapper {
  overflow-x: auto;
}

This fixed pagination header and footer, and only scroll on data cell.

0
0

The issue is discussed here and here.

I got reasonable results by setting the table to fixed, and adjusting the word wrapping in the table:

.ui-datatable thead th {
   white-space: normal;
   word-wrap: break-word;
}
.ui-datatable table {
   table-layout:fixed
}

And setting the width attribute for p:column rows.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.