View Full Version : Combining rows and displaying images in a grid

10 Nov 2009, 2:00 AM
Hello All,

I am trying to combining all the rows from grid and displaying the image in the grid as shown in the attachment. Is it poosible to do this using extjs? Any idea?

10 Nov 2009, 5:28 AM
Not in a GridPanel, but this doesn't really need to be a grid and could simply be a DataView.

10 Nov 2009, 5:39 AM
Is it possible to remove the strips(horizontal lines) from the grid?

10 Nov 2009, 5:42 AM
Assign a cls to the grid and create a css rule based on this class to not display the row lines.

10 Nov 2009, 5:49 AM
How this css rule will look like?

10 Nov 2009, 6:14 AM
Assuming you used cls:'my-class' it would be:

.my-class .x-grid-row {border-bottom-color: #FFF;}

10 Nov 2009, 7:55 PM
I guess that if you are not using the power of the grid, you should not use a grid and pretend it is another object.
You could generate a list like that applying a template to the store directly. I guess you'll get better results.
Check for xtemplate on doc.

10 Nov 2009, 10:18 PM
That is why I suggested DataView earlier (I assumed you still want to use a store).