Is there anyway to hide JUST the detail grid headers when using the KendoGrid option

[George]

Hi,

When using the detailInit event... I was wondering if it is possible to hide ONLY the child or details grid?

I tried this:

$('.k-grid-header').hide();

...but it will hide alll the headers of every grid on the html page.

And this:

$('#hiarchGrid .k-grid-header').hide();

but it just removes all the headers for the grid with the given id; both parent and details.

I have attached my code in text format.

[Zornitsa]

Hi George,

In order to hide the headers only for the detail grids, you can access them with the ".k-grid tbody .k-grid .k-grid-header" class and then set the display property to "none":

 

<style>
     .k-grid tbody .k-grid .k-grid-header
    {
        display: none;
    }
</style>

Below is a Dojo example, using your provided code, in which you can see the desired behavior:

• https://dojo.telerik.com/uhAsOgUk 

Let me know if you have more questions.

Regards,
Zornitsa
Progress Telerik

[George]

Zornitsa-
Yes, EXACTLY what I needed this should work.  Thanks! --Geo