# Center Header on Datagrid

**URL:** <https://community.weweb.io/t/center-header-on-datagrid/15180>\
**Category:** How do I?\
**Tags:** design, table\
**Created:** [December 29, 2024, 10:49pm UTC](https://community.weweb.io/t/center-header-on-datagrid/15180 "2024-12-29T22:49:54Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![jbarbaud](https://avatars.discourse-cdn.com/v4/letter/j/bc8723/32.png) [@jbarbaud](https://community.weweb.io/u/jbarbaud)\
**Post date:** [December 29, 2024, 10:49pm UTC](https://community.weweb.io/t/center-header-on-datagrid/15180/1 "2024-12-29T22:49:54Z")

</div>

Hello 🙂

How it’s possible to center the different Header on a datagrid component ? I tried without find a solution. The size of the header is different than the size of cells and I didn’t try to fix it.

Thank you a lot

 ![Capture d’écran 2024-12-29 à 17.48.34](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/7/77781d2bc2bc7c14d7ad206d7968ab308fcdefe2.png)

---

<div class="post-metadata">

**Author:** ![ishika](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/ishika/32/13250_2.png) [@ishika](https://community.weweb.io/u/ishika)\
**Post date:** [January 2, 2025, 4:46pm UTC](https://community.weweb.io/t/center-header-on-datagrid/15180/2 "2025-01-02T16:46:47Z")

</div>

Hey @jbarbaud,  
Can you try clicking on the header and changing the width to 200px or the width that you want and see if that works 🙂

---

<div class="post-metadata">

**Author:** ![jbarbaud](https://avatars.discourse-cdn.com/v4/letter/j/bc8723/32.png) [@jbarbaud](https://community.weweb.io/u/jbarbaud)\
**Post date:** [March 29, 2025, 8:50pm UTC](https://community.weweb.io/t/center-header-on-datagrid/15180/3 "2025-03-29T20:50:53Z")

</div>

Thank you 🙂