Not able to align rows properly when using <rich:scrollableDataTable>

[madhugang]

Hello Everybody,

Seems like there are lot of problems with <rich:scrollableDataTable> mainly because of column freezing property. It is treating like 2 seperate table in 1 table. When I  dont freeze the column all the rows are properly aligned. But, according to my requirement column freezing is must and should thing.

Any help would be greatly appreciated.

[ilya_shaikovsky]

Not able to align rows properly

and

rows are properly aligned

please clarify more some screenshots maybe?

[madhugang]

Right now  I cannot send screen shots because my server is down....

But i can give you brief clarification hopefully.

In my case, I am using <rich:scrollableDataTable> and in my table there is one scenario where , i should freeze first two columns and there is another scenario where,  i should freeze only first column. If i do any of this richfaces control treats first two columns as one table and the rest  of the columns as another table and so rows are  not getting aligned properly...

But, when i dont freeze either of the columns then richfaces treats as a single table and rows are  getting aligned properly....

But my requirement is to use column freezing and then row alignment should as well work good...

Hope its clear...

Any help would be great...

[ilya_shaikovsky]

sorry.. but still want to see some illustration of what is misaligned.

http://livedemo.exadel.com/richfaces-demo/richfaces/scrollableDataTable.jsf - uses 1 frozen column. And I can't see any misalignment there. Also there are samples in our internal tests.

B.t.w. could be some css problem which you could easilly check with fireBug.

[madhugang]

I attached two files.

One is proper row alignment in which frozenColCount is not used.

Other is not proper row alignment in which frozenColCount is used.

In the third column to loop all those values and to place them in proper order i am using <table> <tr> <td>.

Here is my style...

<style type="text/css">
.rich-sdt-row {
    font-weight: normal;
    height: auto;
}

.rich-sdt-column-cell-body{
    -moz-box-sizing: border-box;
    white-space:nowrap;
    height:auto;
    overflow: hidden;
    font-family: Arial;
    font-size: 10pt;
   
}

table tr td {
font-size: 10pt;

}

</style>

Any help would be great

[ilya_shaikovsky]

this definitelly caused by some custom stlyes defined in your application css or at page. classes which you listed not caused this behavior for me. So check please with FireBug which ones could influence also.