# Data Grid Column Sizing - How to apply Flex Width

**URL:** <https://community.weweb.io/t/data-grid-column-sizing-how-to-apply-flex-width/18165>\
**Category:** How do I?\
**Created:** [May 7, 2025, 1:59am UTC](https://community.weweb.io/t/data-grid-column-sizing-how-to-apply-flex-width/18165 "2025-05-07T01:59:43Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![tomerer2000](https://avatars.discourse-cdn.com/v4/letter/t/9d8465/32.png) [@tomerer2000](https://community.weweb.io/u/tomerer2000)\
**Post date:** [May 7, 2025, 1:59am UTC](https://community.weweb.io/t/data-grid-column-sizing-how-to-apply-flex-width/18165/1 "2025-05-07T01:59:43Z")

</div>

Hey everyone,

I’m encountering an issue with binding the column widths in my data grid. I’m trying to achieve the following configuration for each column:

`width`: `flex`  
`flex`: `1`  
`minWidth`: `130px`

Currently, only the `minWidth` property seems to be taking effect, while the `width: flex` and `flex: 1` settings are not working as expected.

Could anyone offer some guidance or suggestions on how to properly implement flexible column widths with a minimum size in this scenario? Any help would be greatly appreciated.

Thanks!

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

---

<div class="post-metadata">

**Author:** ![tomerer2000](https://avatars.discourse-cdn.com/v4/letter/t/9d8465/32.png) [@tomerer2000](https://community.weweb.io/u/tomerer2000)\
**Post date:** [May 7, 2025, 1:54pm UTC](https://community.weweb.io/t/data-grid-column-sizing-how-to-apply-flex-width/18165/2 "2025-05-07T13:54:09Z")

</div>

Find the issue, the data grid expected the next format when column binding is flex:  
widthAlgo: “flex”,  
flex: 1,  
minWidth: “120px”,

It’s not “width,” and unfortunately, it is unclear in the documentation.