This is a migrated thread and some comments may be shown as answers.

ColumnGroupsViewDefinition Header Height

15 Answers 288 Views

GridView

This is a migrated thread and some comments may be shown as answers.

Bill asked on 06 Feb 2009, 06:26 PM

How can I can I make second row of headings taller when I use the ColumnGroupsViewDefinition?

I've tried ...

    
            grd.GridElement.TableHeaderHeight = 100;

...and also setting the row height in the group rows...

    
            ColumnGroupsViewDefinition view = new ColumnGroupsViewDefinition();  
        
            view.ColumnGroups.Add(new GridViewColumnGroup("Vendor"));  
        
            view.ColumnGroups[0].Rows.Add(new GridViewColumnGroupRow());  
        
            view.ColumnGroups[0].Rows[0].Height = 100;

Niether seem to have any effect.

My heading text also has newlines in it (E.g. "Profit\nMargin")

15 Answers, 1 is accepted

answered on 09 Feb 2009, 11:36 AM

Hi Bill,

Thank you for writing. Currently the Height property of GridViewColumnGroupRow is ignored. You can use the RowSpan property of GridViewColumn instead. Here is sample code:

    
            view.ColumnGroups[0].Rows[0].Columns[0].RowSpan = 100;

The TableHeaderHeight is not used when using the ColumnGroupsViewDefinition. We plan to improve our API and address the issues in one of our upcoming releases this year.

Do not hesitate to write me back if you have more questions.

Regards,
Jack
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

answered on 10 Feb 2009, 10:22 AM

Hello Bill,

In column groups view mode, the height of the column headers row is synchronized with the height of all other rows. We will consider changing this behavior in one of our upcoming releases in order to enable the requested functionality.

You should iterate through all rows and set their height manually to work around the issue. Take a look at this code:

    
            foreach (GridViewDataRowInfo row in this.radGridView1.Rows) 
        
            { 
        
                row.Height = 20; 
        
            }

Do not hesitate to write us if you need further assistance.

All the best,
Jack
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

answered on 11 Dec 2010, 02:47 PM

Hi Celeste Veotte,

Besides the solutions that Emanuel suggested you can initialize the MinHeight property when handling the CreateRowInfo event which we added in Q3 2010. Consider the code snippet below:

this.radGridView1.MasterTemplate.CreateRowInfo += new GridViewCreateRowInfoEventHandler(MasterTemplate_CreateRowInfo);

void MasterTemplate_CreateRowInfo(object sender, GridViewCreateRowInfoEventArgs e)

{

e.RowInfo.SuspendPropertyNotifications();

e.RowInfo.MinHeight = 25;

e.RowInfo.ResumePropertyNotifications();

}

I hope this helps.

Greetings,
Jack
the Telerik team

Get started with RadControls for WinForms with numerous videos and detailed documentation.

answered on 26 Apr 2018, 10:35 AM

Hello, John,

You can manipulate the height of the column group headers by setting the RowSpan property. Here is a sample code snippet which result is illustrated in the below screenshot. The Details group is 100 px high and the Address group is 50 px high.

ColumnGroupsViewDefinition view = new ColumnGroupsViewDefinition();

view.ColumnGroups.Add(new GridViewColumnGroup("Customer Contact"));

view.ColumnGroups.Add(new GridViewColumnGroup("Details"));

view.ColumnGroups[1].Groups.Add(new GridViewColumnGroup("Address"));

view.ColumnGroups[1].Groups.Add(new GridViewColumnGroup("Contact"));

view.ColumnGroups[0].Rows.Add(new GridViewColumnGroupRow());

view.ColumnGroups[0].Rows[0].ColumnNames.Add("CompanyName");

view.ColumnGroups[0].Rows[0].ColumnNames.Add("ContactName");

view.ColumnGroups[0].Rows[0].ColumnNames.Add("ContactTitle");

view.ColumnGroups[1].Groups[0].Rows.Add(new GridViewColumnGroupRow());

view.ColumnGroups[1].Groups[0].Rows[0].ColumnNames.Add("Address");

view.ColumnGroups[1].Groups[0].Rows[0].ColumnNames.Add("City");

view.ColumnGroups[1].Groups[0].Rows[0].ColumnNames.Add("Country");

view.ColumnGroups[1].Groups[1].Rows.Add(new GridViewColumnGroupRow());

view.ColumnGroups[1].Groups[1].Rows[0].ColumnNames.Add("Phone");

view.ColumnGroups[1].Groups[1].Rows[0].ColumnNames.Add("Fax");

view.ColumnGroups[1].RowSpan = 100;

view.ColumnGroups[1].Groups[0].RowSpan = 50;

radGridView1.ViewDefinition = view;

I hope this information helps. If you have any additional questions, please let me know.

Regards,
Dess
Progress Telerik

Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.

answered on 03 Jul 2018, 08:19 AM

Hello, Dilshod,

You can iterate all columns in RadGridView and set the GridViewColumn.WrapText property to true. Thus, the cell values will be wrapped. In addition, you can use the demonstrated approach in the following help article showing how to autosize the entire row by measuring the content. For this purpose it is necessary to create a custom GridDataRowElement: https://docs.telerik.com/devtools/winforms/gridview/rows/how-to/autosize-entire-row

As a result, you will have the desired minimum height for the headers in the ColumnGroupsViewDefinition and autosize the data rows as it is illustrated in the screenshot.

Here is a complete code snippet:

public RadForm1()

{

InitializeComponent();

this.radGridView1.CreateRow += radGridView1_CreateRow;

foreach (GridViewColumn col in this.radGridView1.Columns)

{

col.WrapText = true;

}

private void radGridView1_CreateRow(object sender, GridViewCreateRowEventArgs e)

{

if (e.RowType == typeof(GridDataRowElement))

{

e.RowType = typeof(CustomRowElement);

}

private void RadForm1_Load(object sender, EventArgs e)

{

this.customersTableAdapter.Fill(this.nwindDataSet.Customers);