# How to put a dropdown inside of a grid

**URL:** <https://community.weweb.io/t/how-to-put-a-dropdown-inside-of-a-grid/20188>\
**Category:** How do I?\
**Tags:** design, dropdown, data-grid\
**Created:** [October 17, 2025, 11:31am UTC](https://community.weweb.io/t/how-to-put-a-dropdown-inside-of-a-grid/20188 "2025-10-17T11:31:14Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![higorlacerda](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/higorlacerda/32/15513_2.png) [@higorlacerda](https://community.weweb.io/u/higorlacerda)\
**Post date:** [October 17, 2025, 11:31am UTC](https://community.weweb.io/t/how-to-put-a-dropdown-inside-of-a-grid/20188/1 "2025-10-17T11:31:15Z")

</div>

Has anyone implemented a dropdown within a grid that doesn’t require scrolling and allows for custom alignment (top/bottom)?

---

<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:** [October 17, 2025, 12:16pm UTC](https://community.weweb.io/t/how-to-put-a-dropdown-inside-of-a-grid/20188/2 "2025-10-17T12:16:02Z")

</div>

Hi Higor, welcome back 👋

What are you trying to achieve?  
Can you share some screenshots?

You can use a datagrid and put a “select” element inside a column.

---

<div class="post-metadata">

**Author:** ![higorlacerda](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/higorlacerda/32/15513_2.png) [@higorlacerda](https://community.weweb.io/u/higorlacerda)\
**Post date:** [October 17, 2025, 12:45pm UTC](https://community.weweb.io/t/how-to-put-a-dropdown-inside-of-a-grid/20188/3 "2025-10-17T12:45:51Z")

</div>

I have this column with actions, which is very dynamic and complex, depending on the stage/status of the current operation.

 ![Screenshot 2025-10-17 at 09.40.50](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/0/0b370f97c98d9c6c86d368fddddbf1b6380edf47.png)

Below shows when it is clicked.

 ![Screenshot 2025-10-17 at 09.41.03](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/e/efd184932d149907fa67e827eaa76e715b4d8f3d.png)

The real problem is the alignment of the box, because if there is only one option, it shows very distant from the current row. I want to align by default in the middle, or, depending on the row, it could be top or bottom, because of the overflow, so it does not require scrolling.

See below my workaround to barely make it work.

 ![Screenshot 2025-10-17 at 09.45.09](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/1/1bbbeb8cb10baf91330ef7839583c7d2c1293d3b.png)

---

<div class="post-metadata">

**Author:** ![higorlacerda](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/higorlacerda/32/15513_2.png) [@higorlacerda](https://community.weweb.io/u/higorlacerda)\
**Post date:** [October 17, 2025, 12:48pm UTC](https://community.weweb.io/t/how-to-put-a-dropdown-inside-of-a-grid/20188/4 "2025-10-17T12:48:40Z")

</div>

If weweb had some kind of popover that is rendered “outside of the box" that could dynamically aligns itself, it would be AWESOME!