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

white space in grid header

3 Answers 201 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Steve
Top achievements
Rank 1
Steve asked on 30 Oct 2013, 01:34 PM
I’m trying out the grid control and have a problem.  When I create a new project in VS 2012 using the Kendo wizard and simply replace the sample controls with a simple grid (source code attached), my grid headers don’t look right – there is a white space at the top of the header cells.  This space doesn’t appear in the “Getting Started with MVC” samples that I downloaded.  I can’t figure out how to correct this.  Screenshot of my grid is also attached.

3 Answers, 1 is accepted

Sort by
0
Iliana Dyankova
Telerik team
answered on 01 Nov 2013, 08:17 AM
Hi Steve,

From the provided picture is not clear what the actual reason for the issue is, however most probably there is some CSS rule which influences the default layout. Could you please check this suggestion?
 

Regards,
Iliana Nikolova
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Steve
Top achievements
Rank 1
answered on 01 Nov 2013, 06:49 PM
Problem with grid went away after I removed the default Site.css reference from the _Layout.cshtml file (but this messed up the overall layout of the page).  Then I restored the reference and the page layout was back the way it should be and the grid header still looked good.  So I guess I had a bad version of the Site.css in the IE cache that didn't get updated. 
I'm good now - thanks for the hint.
0
akj
Top achievements
Rank 1
answered on 19 Nov 2013, 06:00 PM
In my case, it was a table margin present in Site,css as
margin-top: 0.75em;

Changed it to 
margin-top: 0em;
and the header was fine...

:)
Tags
Grid
Asked by
Steve
Top achievements
Rank 1
Answers by
Iliana Dyankova
Telerik team
Steve
Top achievements
Rank 1
akj
Top achievements
Rank 1
Share this question
or