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

How to remove Header row of grid

1 Answer 312 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Gaurav
Top achievements
Rank 1
Gaurav asked on 11 Apr 2012, 07:10 AM
HI,

I am using kendo ui grid for binding data. But as per my requirement I want that the header of grid will be invisible. How to hide the header of grid. Can any one help please?

Thanx in advance 

1 Answer, 1 is accepted

Sort by
0
Remigijus
Top achievements
Rank 1
answered on 01 Aug 2012, 10:09 AM
I found one solution:

On grid added class
.TableHtmlAttributes(new { @class = "GridNoHeader" })

make css class:
.GridNoHeader thead.k-grid-header
{
    height: 0;
    border-bottom-width: 0;
    visibility: hidden;
    overflow: hidden;
}
.GridNoHeader th.k-header
{
padding: 0;
border-width: 0;
}

Run jquery:
 $('.GridNoHeader th').html("");

Tags
Grid
Asked by
Gaurav
Top achievements
Rank 1
Answers by
Remigijus
Top achievements
Rank 1
Share this question
or