Hide Grid Header not working in css

[Cynthia]

Hi,

I have searched for an answer about this but the only thing I have found isn't working for me.  The post I found suggests this:

Posted 24 Nov 2015Link to this post
The easiest way for hiding the header of the grid will be with the following CSS:
<style>
    .k-grid-header{
      display: none;
    }
</style>

I tried this and still no luck.  This also happened when I tried to change a style in the panelbar.  The solution always seems to say to control it through the class in the css.  The problem is that I am using the bootstrap theme so anything I do in the css is being overwritten by this theme.  Should I not use this theme?  Or is there a way to do both?  I have also tried the !important but that doesn't work either.

Everytime I save the css or the template the display gets set back to flex.

div.k-grid-footer, div.k-grid-header {
display: flex;
flex-direction: row;
align-items: stretch;
}

Thank you,

Cynthia

 

[Cynthia]

Nevermind I finally found it. [hideHeader]="true".  Frustrating.