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

[Solved] Simulate MultiColumn Headers with Frozen Columns issue

3 Answers 134 Views
Grid
This is a migrated thread and some comments may be shown as answers.
David
Top achievements
Rank 1
David asked on 15 Feb 2013, 09:03 PM
Hi, based on the docs, MultiColumn headers are not supported with FrozenColumns.

So, to overcome this, I created each column as a templated column and wanted to place the "MultiColumn" in the top row of the table as shown below.  This kind of works as long as this appears within the boundries of the radGrid, however, as I scroll horizontally to the left, "Company Data" appears outside the grid.  I understand why due to the absolute + z-index style, but I thought there may be a way to have it layered to avoid this. (See screen shots for example)

    <telerik:GridTemplateColumn  UniqueName="Column2" SortExpression="Column2" >
            <HeaderTemplate>
                <table>
                    <tr>
                        <td>
                          <span style="position:absolute; margin-left:-10px; z-index:5">Company Data</span>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Column 2
                        </td>
                    </tr>
                </table>
        </HeaderTemplate>
....

3 Answers, 1 is accepted

Sort by
0
Marin
Telerik team
answered on 20 Feb 2013, 02:11 PM
Hi,

 Indeed simulating multicolumn headers with frozen columns may require a lot of CSS customization and additional client-side code to achieve the desired effect and may not be always possible in certain scenarios. Additionally the frozen column feature is not designed to consider having multiple layers in the header, that's why the additional layers are not hidden - hence the problematic behavior. To avoid this you may need to manually show or hide header cells while scrolling.
 

Greetings,
Marin
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
Beena
Top achievements
Rank 1
answered on 04 Apr 2013, 06:20 PM
Hi Marin,

We have business requirement where we need multi column header and frozen columns, we are using Asp.Net MVC grid.
Is there any example which you can share with us that would be really greatful to us.
Will there be any new releases for this features.

Thanks
Sahayaraj
0
Marin
Telerik team
answered on 05 Apr 2013, 12:03 PM
Hi Sahayaraj,

 These features are not yet supported by the MVC Grid but we are considering them for future versions of the controls (you can vote here: http://feedback.kendoui.com/forums/127393-kendo-ui-feedback/suggestions/2436512-grid-frozen-columns
Also you can refer further questions about the MVC / Kendo widgets to the relevant forums:
http://www.kendoui.com/forums.aspx

Greetings,
Marin
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Tags
Grid
Asked by
David
Top achievements
Rank 1
Answers by
Marin
Telerik team
Beena
Top achievements
Rank 1
Share this question
or