jsf - datatable autoscroll in tab not working properly -
this code
<p:tab> <p:datatable var="car" value="#{dtscrollview.cars}" scrollrows="10" scrollable="true" livescroll="true" scrollheight="150"> <f:facet name="header"> <h:outputtext value="cclist" /> </f:facet> <p:column headertext="year" style="width:100% !important;" rendered="true"> <h:outputtext value="#{car.year}"/> </p:column> <p:column headertext="brand" style="width:100% !important;" rendered="true"> <h:outputtext value="#{car.manufacturer}"/> </p:column> <p:column headertext="color" style="width:100% !important;" rendered="true" > <h:outputtext value="#{car.color}"/> </p:column> </p:datatable> </tab> <!-- should </p:tab> -->
without adding style width 100% data not visible set width 100%, problem column not align here screen shot