Primefaces datatable header alignment with scrollbar

I'm facing a strange behaviour of Primefaces (v.5.1) Datatable. I have a datatable with srollable=true:

<p:dataTable var="_udf" value="#{unitaDiFornituraList}" scrollHeight="350" liveScroll="true" scrollRows="20" scrollable="true" id="risultati" widgetVar="risultati">

When there are lots of items the scrollbar is shown and the header is correctly aligned: Primefaces datatable header alignment with scrollbar

When there are up to 5 items the scrollbar doesn't appear and the header correctly hide the gap on the right for the scrollbar: Primefaces datatable header alignment with scrollbar

The strange thing is when I have more than 5 items but not enough to show the scrollbar. In this case the header shows the gap and thus it's not aligned: Primefaces datatable header alignment with scrollbar

Any ideas? Thank you

Category:primefaces Time:2018-11-08 Views:0

Related post

  • jQuery Datatables Header Misaligned With Vertical Scrolling 2011-12-22

    I've posted this in the forums, but after a week, still no response. Hopefully I can find help here... I'm using datatables version 1.8.1 and am having nightmares over column header alignment with vertical scrolling enabled. With the c

  • Table header alignment with sorting Image 2011-07-12

    This might sound weird, but I have tried all sorts of method to correct this.. :-( There is a table with header text and sorting images. Some cases the text size is huge, How would I right align and vertical align the image even if the text wraps to

  • jQuery Datatables Header Alignment error Chrome/Safari 2012-04-24

    I appear to be having an issue of sorts with both Chrome and Safari with how the header column displays the titles when the browser is not maximized or full screen, or at a lower resolution. I can't find anything on the subject specifically so I am h

  • Primefaces Scrollable datatable header not aligning with the columns 2011-10-12

    I tried by changing the width but scrollable datatable header is not aligning with the table columns.. Please advice. --------------Solutions------------- You need to provide fixed widths in pixels for each column.

  • (JSF 2.0) Problems with primefaces dataTable component. 2011-03-28

    I want to make a simple datatable just with the pagination feature, but i have 2 problems: 1- The data is displayed but the paginator is not shown in the browser(I tried IE and chrome) <p:dataTable var="garbage" value="#{resultsController.allGarba

  • Primefaces dataTable paginator header not adjusting 2012-01-13

    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 . and on restore down --------------Solutions------------- I solved it with t

  • Action Audit on a JSF with just a Primefaces DataTable 2011-03-04

    I am currently auditing the user actions on a project and I am having the following Issue. There is a functionality called Audit Log, which lists the complete set of Audited actions performed by the user on my system. Whenever a certain user lists th

  • Fixed Table Header with Scrollbars On GridView in IE8 2011-03-14

    I am trying to implement a fixed header feature addition to an existing sub class of GridView, SGridView. My issue is that with the solution listed below, the scroll bar appears below the header row and looks tacky. I would prefer that the scrollbar

  • primefaces datatable selectionMode multiple not working with mojarra 2011-04-06

    Recently I switched to mojarra from myfaces and noticed that primefaces datatable checkbox multiple row selection is not working. I have tried the exact sample program available at

  • Primefaces dataTable with embedded commandLink 2011-05-15

    I'm trying to embed a Primefaces commandLink and call an action listener from a link inside a column of a Primefaces dataTable. Is this not possible? The "Test" onclick alert gets fired but it never makes it to my bean's method. <p:dataTable var="

  • PrimeFaces DataTable Sorting & Filtering don't work with JSF DataModel 2011-06-25

    I have 3 test web applications, using the same model and controllers, the difference is in JSF session managed beans. The applications A and C use JSF DataModel to retrieve items : A JPA Query result set returns a java LIST which is then wrapped in a

  • Edit with Javascript a cell of a Primefaces DataTable 2012-01-28

    I have a non-editable DataTable built with PrimeFaces. The table is initially filled with values obtained through a Bean's getter: <p:dataTable var="lndClient" value="#{clientBean.model}" rowKey="#{lndClient.stringId}"> After the table is loade

  • align heading text with subsequent text on the same line 2012-02-17

    I'm tyring to put an 'edit' link on the same line as a heading, off the right of the page and the link text aligned with the bottom of the heading text. I want something like: want My first attempt was: <div> <div style="float: left; width:6

  • Binding primefaces dataTable with org.primefaces.component.datatable.DataTable; 2012-03-23

    I have a question regarding primefaces datatable component. I want to bind a DataTable variable to the p:dataTable so that I would be able to manipulate the first, rows, rowsPerPageTemplate, etc. programmatically from the backing bean. But I'm stuck

  • Primefaces datatable doesn't work properly with ViewScoped or RequestScoped bean 2012-03-30

    I write a JSF 2 page which visualizes data from database. When I use Primefaces datatable with ViewScoped or RequestScoped bean getting values from a database it doesn't work properly - doesn't sort and doesn't paginate. For example: @ManagedBean @Vi

  • accordion header to align with content 2015-02-04

    I have written accordion in jquery. However, I want my accordion header to be aligned with the content with respect to screen size. When the screen is small, it is centered. But when the screen is big, it is not centered table, th, td { border: 1px s

  • how to set width of primefaces datatable 2011-07-10

    I am using primefaces datatable. How to set width when the table is empty ? because in this case the table smaller when they have some record, I try use style style="width: 150% or style="width: 200px but with no success. And it is possible to change

  • p:ajax update="tableName" inside h:selectOneMenu not refreshing the primefaces datatable 2011-09-05

    I have a primefaces datatable and dropdown. Dropdown is placed outside the datatable.I have wrapped the datatable inside the output panel. <h:form prependId="false"> <h:selectBooleanCheckbox id="checkbox" value="true" /> <h:outputLabel

  • PrimeFaces DataTable - need to enable/disable components based on row selection 2010-12-29

    I'm using a PrimeFaces DataTable to display records (randomly generated in a sandbox application). I am using the check box selection version. The basic DataTable works perfectly, including the Delete and Cancel buttons (which functionality only real

Copyright (C), All Rights Reserved.

processed in 0.590 (s). 13 q(s)