View Full Version : Grid Formatting

15 Apr 2011, 7:14 AM

I am looking to find a way to eliminate the space between columns in a grid. Please refer to the attached screenshot, as you can see there is a white 1px space between the two columns.

I have added an id to the columns to override the style and remove the padding that I can, however, if I remove all the padding the alignment of the row columns is no longer aligned with the header columns.

If there is a way to do this without hard coded ID's that would be preferred as well.

This is the style sheet.

.size-gantt-column .x-grid3-td-gantt div {
padding: 0;

This is the column definition;

header : 'Jan'
id : 'gantt'


15 Apr 2011, 7:49 AM
I have managed to remove the 1px gap just for these columns, but unfortunately it also removes the border between the header columns (see screenshot).


This works. Is there a way to override the style without providing an id to the column?