-
12 Aug 2011 12:50 AM #1
ExtJS4 Grid - whats the config for disabling lines between rows and different color?
ExtJS4 Grid - whats the config for disabling lines between rows and different color?
ExtJS4 Grid - what's the config for:
1. disabling lines between rows, meaning no lines between rows, like white background with no lines?
2. each row with the same background color, like white every row, no fancy grey colors and stuff like that?
-
12 Aug 2011 10:37 AM #2
You might have to create a CSS class for this to override the default.
Have a look at x-grid3-* in the element inspector.
Regards,
Scott.
-
17 Aug 2011 6:07 AM #3
Did you try using stripeRows ?
from API for View :
Code:Ext.create('Ext.grid.Panel', { // other options viewConfig: { stripeRows: false } });
-
18 Aug 2011 7:16 AM #4
As Carol mentioned, stripeRows: false will tell Ext not to highlight every other row, and the following CSS declarations should get rid of the lines between the rows and columns:
Just be sure you put those in a css file that gets loaded after the ExtJS css files.Code:.x-panel-with-col-lines .x-grid-row .x-grid-cell { border-right-style: none !important; } .x-grid-row .x-grid-cell { border-style: none !important }


Reply With Quote