# Datagrid Row Height

**URL:** <https://community.weweb.io/t/datagrid-row-height/18128>\
**Category:** How do I?\
**Created:** [May 5, 2025, 11:43am UTC](https://community.weweb.io/t/datagrid-row-height/18128 "2025-05-05T11:43:43Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![azuliani](https://avatars.discourse-cdn.com/v4/letter/a/5e9695/32.png) [@azuliani](https://community.weweb.io/u/azuliani)\
**Post date:** [May 5, 2025, 11:43am UTC](https://community.weweb.io/t/datagrid-row-height/18128/1 "2025-05-05T11:43:43Z")

</div>

Is there a way to control the row height in the datagrid component?

---

<div class="post-metadata">

**Author:** ![Agustin\_Carozo](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/agustin_carozo/32/13231_2.png) [@Agustin\_Carozo](https://community.weweb.io/u/Agustin_Carozo)\
**Post date:** [May 5, 2025, 11:51am UTC](https://community.weweb.io/t/datagrid-row-height/18128/2 "2025-05-05T11:51:31Z")

</div>

Hi Azuliani 👋

You can change the row height with the “Vertical Padding Scale” option in the datagrid component.

 ![Screenshot 2025-05-05 at 08.49.54](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/3/369281a8b08dc1681d93083968b8cdeb035f0aa1.png)

---

<div class="post-metadata">

**Author:** ![azuliani](https://avatars.discourse-cdn.com/v4/letter/a/5e9695/32.png) [@azuliani](https://community.weweb.io/u/azuliani)\
**Post date:** [May 5, 2025, 5:18pm UTC](https://community.weweb.io/t/datagrid-row-height/18128/3 "2025-05-05T17:18:44Z")

</div>

Can I controll it for each row? Or is it datagrid wide?

---

<div class="post-metadata">

**Author:** ![sam1](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/sam1/32/6724_2.png) [@sam1](https://community.weweb.io/u/sam1)\
**Post date:** [May 8, 2025, 4:13am UTC](https://community.weweb.io/t/datagrid-row-height/18128/4 "2025-05-08T04:13:22Z")

</div>

Yeah if you bind it you will be able to set it dynamically based on the data in the row

---

<div class="post-metadata">

**Author:** ![kyanaloe](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/kyanaloe/32/1076_2.png) [@kyanaloe](https://community.weweb.io/u/kyanaloe)\
**Post date:** [June 6, 2025, 8:26pm UTC](https://community.weweb.io/t/datagrid-row-height/18128/5 "2025-06-06T20:26:57Z")

</div>

What do you bind it to?

---

<div class="post-metadata">

**Author:** ![sam1](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/sam1/32/6724_2.png) [@sam1](https://community.weweb.io/u/sam1)\
**Post date:** [June 6, 2025, 8:41pm UTC](https://community.weweb.io/t/datagrid-row-height/18128/6 "2025-06-06T20:41:34Z")

</div>

You bind the vertical padding field is what you would bind to, as for the data depends what you want, you could do if(row has image, 500, 100 ) or whatever you want.

---

<div class="post-metadata">

**Author:** ![kyanaloe](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/kyanaloe/32/1076_2.png) [@kyanaloe](https://community.weweb.io/u/kyanaloe)\
**Post date:** [June 6, 2025, 8:42pm UTC](https://community.weweb.io/t/datagrid-row-height/18128/7 "2025-06-06T20:42:24Z")

</div>

It doesn’t seem possible to bind that value to data within the collection, because it’s at the array-wide level. Am I missing something?

---

<div class="post-metadata">

**Author:** ![sam1](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/sam1/32/6724_2.png) [@sam1](https://community.weweb.io/u/sam1)\
**Post date:** [June 6, 2025, 8:52pm UTC](https://community.weweb.io/t/datagrid-row-height/18128/8 "2025-06-06T20:52:03Z")

</div>

oh true sorry I don’t use the data grid really, I usually just make my own with the more basic elements. You could try forking the data grid and asking ai to add the ability I have seen some people have success with that but I haven’t had any luck