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

Grouped header info is cutoff when using locked columns

3 Answers 177 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Sune
Top achievements
Rank 1
Sune asked on 04 Nov 2015, 09:02 AM

The group text shown above each group is cut short if using a locked column. We would like this this text to flow into the unlocked section since the whole line seems empty and available. I realize it's rendered using two different tables, but the user doesn't care about that. 

I made the following css hack to accomplish it. It looks okay, albeit a bit slow to render. Is there a better way?

div.k-grid-content-locked tr.k-grouping-row td:first-child {
    height: 15px;
    width: 200px;
}

div.k-grid-content-locked tr.k-grouping-row td:first-child p {
    position: fixed;
    height: 19px;
    z-index: 300;
    margin-top: -12px;
    padding-top:5px;
    background-color: #f5f5f5;
}

3 Answers, 1 is accepted

Sort by
0
Sune
Top achievements
Rank 1
answered on 04 Nov 2015, 12:16 PM

I noticed an unfortunate side effect, the "position:fixed" causes text to be rendered outside the grid div.

It seems the table elements inside the grid have very large heights way beyond the grid div itself.

What's a good fix for this?

 

0
Nikolay Rusev
Telerik team
answered on 06 Nov 2015, 08:27 AM

Hello Sune,

 

Indeed the behavior is due to the rendering of locked columns in separate table. Group header template will always render in the first table which in this case happens to be locked table.

 

You can manually move the text to the other table once the Grid is bound. Example - http://dojo.telerik.com/@rusev/iFoTI

 

Regards,
Nikolay Rusev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Sune
Top achievements
Rank 1
answered on 06 Nov 2015, 10:35 AM

Hi Nikolay,

 

Clever thanks, we'll use it. :-)

Tags
Grid
Asked by
Sune
Top achievements
Rank 1
Answers by
Sune
Top achievements
Rank 1
Nikolay Rusev
Telerik team
Share this question
or