change column header separators

[Mario]

I am working with a GridGroupingControl of the current version. The enclosed images show what I try to achieve and what I currently have.

How can I change the column header separators to have a neat 3D design and have a little bit lesser height than the header cells itself, as shown in the attached image?

Thanks for your help.

Images14.zip

[Administrator]

Hi Mario,

Try setting the ColumnHeaderRowHeight property of the gridGroupingControl to change the height for column header row. The code snippet is,

this.grid.TableOptions.ColumnHeaderRowHeight = 13;

Thanks,
Haneef

[Mario]

Hi Haneef,
I don''t want to change the height of the column header. Just the height of the separator line between two columns in the header should be changed. And the separator should have a sunken 3D look as in the images that I have attached to my first message of this thread. Please have a look at the images to understand what I try to achieve.

Regards, Mario


>Hi Mario,

Try setting the ColumnHeaderRowHeight property of the gridGroupingControl to change the height for column header row. The code snippet is,

this.grid.TableOptions.ColumnHeaderRowHeight = 13;

Thanks,
Haneef

[Administrator]

Hi Mario,

To avoid the space between the cells, you need to use the TableControlDrawCell event to draw the cell with required size. Please find the code snippet below.

GridTableCellStyleInfo info = e.Inner.Style as GridTableCellStyleInfo;

if( info.TableCellIdentity.DisplayElement.Kind == DisplayElementKind.Caption)
{
Rectangle rect = new Rectangle(new Point( e.Inner.Bounds.Location.X ,e.Inner.Bounds.Location.Y ) ,new Size(e.Inner.Bounds.Size.Width,e.Inner.Bounds.Height +2));

e.Inner.Renderer.Draw(e.Inner.Graphics,rect,e.Inner.RowIndex,e.Inner.ColIndex,e.Inner.Style);
e.Inner.Cancel = true;
}

if( info.TableCellIdentity.DisplayElement.Kind == DisplayElementKind.ColumnHeader )
{
Rectangle rect = new Rectangle(new Point( e.Inner.Bounds.Location.X,e.Inner.Bounds.Location.Y - 2) ,new Size(e.Inner.Bounds.Size.Width ,e.Inner.Bounds.Height + 3));
e.Inner.Renderer.Draw(e.Inner.Graphics,rect,e.Inner.RowIndex,e.Inner.ColIndex,e.Inner.Style);
e.Inner.Cancel = true;
}

If you want to cancel the button3D look , you can set the Button3D property to false.

this.grid.TableModel.Properties.Buttons3D = false;

Thanks,
Haneef