# Hiding Table header

**URL:** <https://forums.knack.com/t/hiding-table-header/15592>\
**Category:** Ask Developers\
**Created:** [January 24, 2024, 6:07am UTC](https://forums.knack.com/t/hiding-table-header/15592 "2024-01-24T06:07:36Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![LeighBerre96926](https://sea2.discourse-cdn.com/flex020/user_avatar/forums.knack.com/leighberre96926/32/4896_2.png) [@LeighBerre96926](https://forums.knack.com/u/LeighBerre96926)\
**Post date:** [January 24, 2024, 6:07am UTC](https://forums.knack.com/t/hiding-table-header/15592/1 "2024-01-24T06:07:36Z")

</div>

I’m trying to hide a table header using CSS, shold be simple but doenst work.

#view\_351 thead { display:none;}

What am I doing wrong?

---

<div class="post-metadata">

**Author:** ![Dean2](https://avatars.discourse-cdn.com/v4/letter/d/bcef8e/32.png) [@Dean2](https://forums.knack.com/u/Dean2)\
**Post date:** [January 24, 2024, 6:20am UTC](https://forums.knack.com/t/hiding-table-header/15592/2 "2024-01-24T06:20:38Z")

</div>

Hi Leigh

Not being a coder, this worked for me:

#view\_979 thead {  
display: none;  
}

Dean

---

<div class="post-metadata">

**Author:** ![LeighBerre96926](https://sea2.discourse-cdn.com/flex020/user_avatar/forums.knack.com/leighberre96926/32/4896_2.png) [@LeighBerre96926](https://forums.knack.com/u/LeighBerre96926)\
**Post date:** [January 24, 2024, 6:56am UTC](https://forums.knack.com/t/hiding-table-header/15592/3 "2024-01-24T06:56:21Z")

</div>

> [@Dean2](#):
>
> #view\_979 thead {  
> display: none;  
> }

Thanks Dean, but its the same thing really - the extra lines are just window dressing.

But I tried it and it worked. WTF. Then I compressed it back onto 1 line, and it still worked.  
So now I’m more confused than ever, but it works so I don’t care.

---

<div class="post-metadata">

**Author:** ![CSWinnall](https://sea2.discourse-cdn.com/flex020/user_avatar/forums.knack.com/cswinnall/32/3631_2.png) [@CSWinnall](https://forums.knack.com/u/CSWinnall)\
**Post date:** [January 24, 2024, 12:39pm UTC](https://forums.knack.com/t/hiding-table-header/15592/4 "2024-01-24T12:39:27Z")

</div>

@LeighBerre96926

You could use KTL

`_style=[display: none], [ktlTarget, $('#view_351 thead')]`

Craig

---

<div class="post-metadata">

**Author:** ![LeighBerre96926](https://sea2.discourse-cdn.com/flex020/user_avatar/forums.knack.com/leighberre96926/32/4896_2.png) [@LeighBerre96926](https://forums.knack.com/u/LeighBerre96926)\
**Post date:** [January 24, 2024, 10:42pm UTC](https://forums.knack.com/t/hiding-table-header/15592/5 "2024-01-24T22:42:43Z")

</div>

Thanks for the pointer, hadnt thought of that option.

---

<div class="post-metadata">

**Author:** ![CSWinnall](https://sea2.discourse-cdn.com/flex020/user_avatar/forums.knack.com/cswinnall/32/3631_2.png) [@CSWinnall](https://forums.knack.com/u/CSWinnall)\
**Post date:** [January 25, 2024, 8:22pm UTC](https://forums.knack.com/t/hiding-table-header/15592/6 "2024-01-25T20:22:49Z")

</div>

No worries @LeighBerre96926. I find it easier & more helpful in the builder as you can see the keywords. If you hide the table header more than once I would create a class in the CSS and use KTL as well:

```auto
.hide-table-head thead {
      display: none;
}

```

Then you can add \_cls to any grid view:

```auto
_cls=[hide-table-head]

```

A ready to use class that you can add to any table’s description to hide the table head.

Craig

---

<div class="post-metadata">

**Author:** ![Dean2](https://avatars.discourse-cdn.com/v4/letter/d/bcef8e/32.png) [@Dean2](https://forums.knack.com/u/Dean2)\
**Post date:** [January 26, 2024, 2:13am UTC](https://forums.knack.com/t/hiding-table-header/15592/7 "2024-01-26T02:13:06Z")

</div>

Thank you for that information on how to combine CSS & KTL.