rich:scroller with scrollable dataTable

[ipraveenjain]

hi
i have a problem with Rich:scrollar see the code

<rich:scrollableDataTable id="deptListID2" binding="#{dept.myTable}"
 value="#{dept.deptListToAdd}" var="d"
 width="300px" height="150px" rows="3">
 <rich:column>
 <f:facet name="header">
 <h:outputText value="Dept ID" />
 </f:facet>
 <h:outputText value="#{d.deptID}" />
 </rich:column>
 <rich:column>
 <f:facet name="header">
 <h:outputText value="Dept Name" />
 </f:facet>
 <h:outputText value="#{d.deptName}" />
 </rich:column>

 </rich:scrollableDataTable>

 <rich:datascroller for="deptListID2" maxPages="3"
 selectedStyle="font-weight:bold"></rich:datascroller>

in this i have 10 record and rows is 3 , so scroller should have have 4 pages,
but it is not giving proper record at last page and when it moves till last then i cannot move it back
first page contains 1 2 3
second contains 4 5 6
third contains 7 8 9
fourth should contains only 10 but give any three record
and stops working , no exception
but if i set rows=2 in scroable table then it works fine
so please explain what i have to do to solve this problem.

[nbelaevski]

Hi,

Can you please clarify: what's the use of rich:datascroller with rich:scrollableDataTable?

[ipraveenjain]

ok i want pagination , and scrollabel feature of column.
i just want to diplay 10-20 records in a single window
user can stratc a perticular column to see details and reduce the size of other

[ilya_shaikovsky]

extendedDataTable has possibility of column resize and designed to works with datascroller. scrollable table was not designed initially to works with the datascroller component.

[ipraveenjain]

thanks it is working very fine.

now can you please specify where to use scrollabledatatable?

extendeddatatable is best option in all cases.

[ilya_shaikovsky]

It's designed to be used for large data sets without using paggination but lazy loading on vertical scroll.

[ipraveenjain]

whenever a column get focused a dropdown arrow appears and when i click on that a menu appears contains assending,desending, column....

how can i disable that dropdown menu.so it will not appeared any way.

[ipraveenjain]

horizontal scrollbar is not appearing, how it can be appeared?

[ilya_shaikovsky]

set

enableContextMenu="false"

on the table

[ipraveenjain]

Attribute enableContextMenu invalid for tag extendedDataTable according to TLD
    at org.apache.jasper.compiler.DefaultErrorHandler.jspError(DefaultErrorHandler.java:40)
    at org.apache.jasper.compiler.ErrorDispatcher.dispatch(ErrorDispatcher.java:407)
    at org.apache.jasper.compiler.ErrorDispatcher.jspError(ErrorDispatcher.java:236)

[ilya_shaikovsky]

horizontal scrollbar is not appearing, how it can be appeared?

unfortunatelly no way in current implementation. RFC for that already in jira and planned to 4.x. This compoennt is community-contributed and was originally designed only with verticall scrolling. You could put it into some scrollable container.

[ilya_shaikovsky]

Attribute enableContextMenu invalid for tag extendedDataTable according to TLD
    at org.apache.jasper.compiler.DefaultErrorHandler.jspError(DefaultErrorHandler.java:40)
    at org.apache.jasper.compiler.ErrorDispatcher.dispatch(ErrorDispatcher.java:407)
    at org.apache.jasper.compiler.ErrorDispatcher.jspError(ErrorDispatcher.java:236)

But you could look into tld and find it there. Or maybe you using old version.

[ipraveenjain]

i am already using t:panelGrip  as parent componet  ,but does rich faces has scrollable container, which  i can use

[ilya_shaikovsky]

you need just div with overflow. so use for example outputPanel with layout block and overflow added with styleClass.

[ipraveenjain]

it is not working see the code

but no horizontal bar.this code in on modal panel

<a4j:outputPanel layout="overflow">
                        <rich:extendedDataTable height="150px"
                            sortMode="false"
                            value="#{mainBind.customWizard.clstrDtl.extendedDevices}"
                            binding="#{mainBind.customWizard.clstrDtl.dtdeviceInfoCol}"
                            selection="#{mainBind.customWizard.clstrDtl.deviceInfoSelction}"
                            var="device" id="devicesTable"
                            enableContextMenu="false"
                            selectionMode="multiple">
                            <rich:column id="devicename" sortable="false">