# Advanced Record Selector (Like AirTable)

**URL:** <https://community.weweb.io/t/advanced-record-selector-like-airtable/19129>\
**Category:** How do I?\
**Tags:** workflows, binding, design\
**Created:** [July 8, 2025, 7:09pm UTC](https://community.weweb.io/t/advanced-record-selector-like-airtable/19129 "2025-07-08T19:09:34Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![steven\_bespokehomes](https://avatars.discourse-cdn.com/v4/letter/s/f07891/32.png) [@steven\_bespokehomes](https://community.weweb.io/u/steven_bespokehomes)\
**Post date:** [July 8, 2025, 7:09pm UTC](https://community.weweb.io/t/advanced-record-selector-like-airtable/19129/1 "2025-07-08T19:09:34Z")

</div>

Hi there,

We are working on building out our own custom front end and apps for our data. One item that we’d really like to sort out is an AirTable style selector. This essential works like a multi-select but the select menu is expanded to show more detail about each available item.

Is there a way to do this?

We would like for 4-6 attributes of the record to be shown on the selector. I’ve accomplished this concept using the accordion element and placing a table inside of that, but I’m needing assistance on how this could be implemented within a data grid.

Thanks!

 ![AT Record Selector Example](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/6/669334de8cc34f6e5c175e09e1ec36a0e6c16057.png)

---

<div class="post-metadata">

**Author:** ![Broberto](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/broberto/32/5918_2.png) [@Broberto](https://community.weweb.io/u/Broberto)\
**Post date:** [July 9, 2025, 6:30am UTC](https://community.weweb.io/t/advanced-record-selector-like-airtable/19129/2 "2025-07-09T06:30:33Z")

</div>

You can build this yourself with the Dropdown Element, or build it even from scratch. In the datagrid, you can use the Custom cell option to then place this element inside of it.

---

<div class="post-metadata">

**Author:** ![steven\_bespokehomes](https://avatars.discourse-cdn.com/v4/letter/s/f07891/32.png) [@steven\_bespokehomes](https://community.weweb.io/u/steven_bespokehomes)\
**Post date:** [July 9, 2025, 1:18pm UTC](https://community.weweb.io/t/advanced-record-selector-like-airtable/19129/3 "2025-07-09T13:18:48Z")

</div>

That’s helpful, thank you!

Similar to the post below, I’m having issues understanding/executing on getting items to show OVER the datagrid cell. Do you have advise on this? I’ve tried to use the AI and also manually adjust Z axis parameters but the dropdown always stays contained within the datagrid cell. I can just barley see the animation of it opening but can’t see the list

![CleanShot 2025-07-09 at 08.14.56](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/c/cacbc7fbf33212f951f45532d9d7390f8c07c1c4.gif)

> [@Action Menu in the New Datagrid Component](https://community.weweb.io/t/action-menu-in-the-new-datagrid-component/17546):
>
> I’m trying to create an Action Menu in the new Datagrid component. Specifically, I want to have a three-dot icon in the last column of each row that shows a dropdown menu (e.g., “Edit”, “Delete”, etc.) when clicked. However, when I try to add a Dropdown element inside a custom cell, the dropdown content is cut off or hidden behind the table rows, as shown in the screenshot below. I’ve tried adjusting z-index and overflow settings, but nothing works — the dropdown still appears underneath other …