# Hide column in table component

**URL:** <https://community.weweb.io/t/hide-column-in-table-component/5405>\
**Category:** How do I?\
**Created:** [November 14, 2023, 11:51pm UTC](https://community.weweb.io/t/hide-column-in-table-component/5405 "2023-11-14T23:51:39Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![carrano\_dot\_dev](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/carrano_dot_dev/32/10547_2.png) [@carrano\_dot\_dev](https://community.weweb.io/u/carrano_dot_dev)\
**Post date:** [November 14, 2023, 11:51pm UTC](https://community.weweb.io/t/hide-column-in-table-component/5405/1 "2023-11-14T23:51:39Z")

</div>

Is it possible to hide columns in a table component (not datagrid)? Unfortunately, when I hide the relevant div in a column, the data in the column is hidden, but the width is not reduced. There doesn’t seem to be a way to reduce the number of columns in the actual grid.

 ![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/d/d47bc31bc0d08cf05143b044b53e91a07e1861b4.png)

---

<div class="post-metadata">

**Author:** ![luka](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/luka/32/1571_2.png) [@luka](https://community.weweb.io/u/luka)\
**Post date:** [November 15, 2023, 10:07am UTC](https://community.weweb.io/t/hide-column-in-table-component/5405/2 "2023-11-15T10:07:29Z")

</div>

You can, but it requires a bit of effort.

You will want to replace both the columns inside the ‘Header’ and ‘Collection List’ with regular divs.

![image](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/8/8cc3ad26659c11e6d614b43265c90a6ce95d0f1b.png)

Then you will need to take care of the width logic by yourself with flex properties. Then if you bind the display to ‘none’ for both the header and item cell you will be able to hide a column.

Let me know if you need more details.