[richfaces-issues] [JBoss JIRA] (RF-1107) Scrollable dataTable. Header scrolled badly on TAB button.

[Shantanu Upadhyaya (JIRA)]

    [ https://issues.jboss.org/browse/RF-1107?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=12942427#comment-12942427 ] 

Shantanu Upadhyaya commented on RF-1107:
----------------------------------------

Before I log a defect , here's what I'm trying :
Step 1. 
I changed it to rich:dataTable, wrapped it around a <div style=";overflow-x: scroll;overflow-y: hidden" >
Now when I tab horizontally, it tabs fine. Columns move too. Which is expected.

Step 2. 
Since 1 works fine, I switched back to <rich:extendedDataTable> (which is what I need ! )
Now, I need to hide the table horizontal scroll so that wrapper DIV scroll takes effect. Been trying for past few hours, its not working ! But I'm able to hide the vertical scroll with this style

.rf-edt-b { overflow-y:hidden;overflow-x:hidden; }

Why isn't the horizontal scroll going away ? I looked into the generated code, and I see this in the footer of the table :

      <DIV style="OVERFLOW-X: scroll; WIDTH: 1319px; DISPLAY: block" 
      id=assetManagementFormId:loanTable:scrl class=rf-edt-scrl.... 

Correct me if I'm wrong, but this won't ever get rid of horizontal scroll ??

Also tried rf-edt-tbl, rf-edt-ftr-c-emp, rf-edt-scrl, rf-edt-tbl-ftr, rf-edt-scrl-cnt . Nothing working.

Any help appreciated :))


                
> Scrollable dataTable. Header scrolled badly on TAB button.
> ----------------------------------------------------------
>
>                 Key: RF-1107
>                 URL: https://issues.jboss.org/browse/RF-1107
>             Project: RichFaces
>          Issue Type: Bug
>      Security Level: Public(Everyone can see) 
>          Components: component-ScrollableDataTable
>    Affects Versions: 3.2.0
>         Environment: FF 2.0.0.6
>            Reporter: Ilya Shaikovsky
>             Fix For: 3.Future
>
>         Attachments: case - 1.png, case - 2.png, controls-scrollable-data-table.js, file1.txt
>
>
> Two use-cases failed:
> "case - 1.png"
> frozenColCount=0
> all the columns with inputs
> last columns aren't in visible part
> When I use TAB key - columns scrolled to be displayed (good) but headers jsut stays (Wrong!)
> "case - 2.png"
> frozenColCount=2
> all the columns with inputs
> last columns aren't in visible part
> I use TAB key. Focused inputs changed one by one only in "frozen zone" (seems good), but after I press TAB on the last input - the focus jumps to non frozen column input and frozen columns - scrolled and shifted down(Wrong!). But headers still aren't scrolled (good in this case).

--
This message is automatically generated by JIRA.
If you think it was sent incorrectly, please contact your JIRA administrators
For more information on JIRA, see: http://www.atlassian.com/software/jira