Prime Community Forum

Hi,

I have one scenario to use/ make UnIdentical items in DataGrid Component.So i thought to make/use colspan and rowSpan for the dataGrid element.But as per old threads colspan only applicable to the datatable component.viewtopic.php?f=3&t=16631 Actual scenario is whenever the user selects particualr item in datagrid component then that component needs to be enlarged with more details.

After selecting an item it needs to expanded(for example 2*2) and remaining items needs to be auto adjusted

http://s1272.photobucket.com/user/jsudh ... 4.png.html


Is to possible to make it with any PF data iteration components?

sudheer wrote:Is to possible to make it with any PF data iteration components?

Why pf data iteration components? For the paging and lazy loading?

After selecting an item it needs to expanded(for example 2*2) and remaining items needs to be auto adjusted

So it is not only colspan, but dynamic colspan as well... Should elements flow right and down if something is selected? That would make a very jumpy ui...

kukeltje wrote:

sudheer wrote:Is to possible to make it with any PF data iteration components?

Why pf data iteration components? For the paging and lazy loading?

Because the items should be in tabular format(or proper order).DataGrid is well suite for that of design .And no need of paging and lazyloading here.

kukeltje wrote:

After selecting an item it needs to expanded(for example 2*2) and remaining items needs to be auto adjusted

So it is not only colspan, but dynamic colspan as well... Should elements flow right and down if something is selected? That would make a very jumpy ui...

Exactly.It is dynamic colspan not just by simple colspan.Yes,selected element should flow right and down(depending on space availablity).It is very jumpy ui.So i thought to integrate other JS libraries like this http://masonry.desandro.com/

The I think (am almost 100% sure) you need this additional library... I tried with plains divs and sizing/floating/... but to no avail...

kukeltje wrote:The I think (am almost 100% sure) you need this additional library... I tried with plains divs and sizing/floating/... but to no avail...

Yes,You are right.It needs to be done with other flexible js lib and not just with CSS part

that functionality would be great

Please don't reply to old threads like this, it is against the forum rules.

But, check this out: http://www.primefaces.org/showcase-ext/ ... idGrid.jsf