[Solved] Solution for hidding the Grid Header

[David]

Hi Guys,

I've noticed quite a few people on here asking how to hide the MVC Grid header only to realise there isn't any Telerik direct functionality (that I'm aware of).

A really easy fix to this is to create a very simple style as follows, and setting the Grid .Name attribute, then starting the style with that same name.  This will remove the grid header nicely.

<style>
    #GridName table thead
    {
        display: none;
    }
</style>

 

[Bill]

For those reading this and who want to hide the grid headers for nested grids, the solution is a little different, Each nested grid needs a unique id, so you'll need use some css wildcard magic.

Adding this to your view would hide the headers ONLY for grids whose id starts with children or GrandChildren.

<style> 
    *[id*='Children'] table thead { display: none; }
    *[id*='GrandChildren'] table thead { display: none; }
</style>

[Narasimha]

 this script is enough for hiding the telerik grid header.

<script type="text/javascript">
    $(".t-grid-header").css('display', 'none');
</script>