# Data Table Click on Row Action

**URL:** https://community.glideapps.com/t/data-table-click-on-row-action/68700
**Category:** Ask for Help
**Created:** [December 14, 2023, 10:53am UTC](https://community.glideapps.com/t/data-table-click-on-row-action/68700 "2023-12-14T10:53:17Z")
**Posts on this page:** 9
**Page:** 1

<div class="post-metadata">

### Author: ![Si\_Gal](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/si_gal/32/79433_2.png) [@Si\_Gal](https://community.glideapps.com/u/Si_Gal)
#### Post date: [December 14, 2023, 10:53am UTC](https://community.glideapps.com/t/data-table-click-on-row-action/68700/1 "2023-12-14T10:53:17Z")

</div>

Hi,

I have set up two tables:  
_Project Specifcations_: Contains all specs  
_Specification Table Creator_: Contains all groups with a match many link to _Project Specifications_

On the layout I have used a Custom conatiner to show the groups of specifications with repeating data table.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/6/865619a2ef22c25e6b89cef1fae9df56872c3120.png)

I have set up the click row action to show the detail as an overlay. I was hoping that the detail layout would be dynamic based on each row, however, it’s currently always showing the same one. Here i’ve clicked on CHA-04 but it’s showing CHA-02.

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/2/8/280ef4ede1f81d656742292925b09da31e6d05ba.jpeg)

I’m assuming this is because the click action is actually set on the custom container rather than row itself.

My plan was to create a custom action that triggers when someone clicks on a row but that doens’t appear to be an option.

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/0/c021cbbae34e55a959c4085dd3c5f4a8d60e5c3f.png)

Does anyone know of a workaround other than displaying the full list of speficiations rather than the repeating containers?

Thanks

---

<div class="post-metadata">

### Author: ![MegannLock](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/megannlock/32/19680_2.png) [@MegannLock](https://community.glideapps.com/u/MegannLock)
#### Post date: [December 14, 2023, 11:16am UTC](https://community.glideapps.com/t/data-table-click-on-row-action/68700/2 "2023-12-14T11:16:15Z")

</div>

If you’d like users to be able to click into an item, you’ll need to use a different collection style. [Data Grid](https://www.glideapps.com/docs/data-grid-collection) is really meant for displaying and editing the items. It doesn’t allow for the “Show Detail Screen” action.

If you’d still like to show all those details you’re displaying in the data grid columns, try using a [Template](https://www.glideapps.com/docs/template-column) column to join & display those parameters in the details of a list collection!

---

<div class="post-metadata">

### Author: ![Si\_Gal](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/si_gal/32/79433_2.png) [@Si\_Gal](https://community.glideapps.com/u/Si_Gal)
#### Post date: [December 14, 2023, 11:20am UTC](https://community.glideapps.com/t/data-table-click-on-row-action/68700/3 "2023-12-14T11:20:01Z")

</div>

Ok thanks Megann will give it a go.

---

<div class="post-metadata">

### Author: ![hey](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/hey/32/67835_2.png) [@hey](https://community.glideapps.com/u/hey)
#### Post date: [December 19, 2023, 2:28am UTC](https://community.glideapps.com/t/data-table-click-on-row-action/68700/4 "2023-12-19T02:28:16Z")

</div>

@Si_Gal do you mind sharing how you’ve changed your page that show the data grids with with another collection style using the templates?

Your design looks nice and I’m currently searching for inspiration on how I can do the same as what you were looking to accomplish.

---

<div class="post-metadata">

### Author: ![Si\_Gal](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/si_gal/32/79433_2.png) [@Si\_Gal](https://community.glideapps.com/u/Si_Gal)
#### Post date: [December 19, 2023, 5:20am UTC](https://community.glideapps.com/t/data-table-click-on-row-action/68700/5 "2023-12-19T05:20:03Z")

</div>

> [@hey](#):
>
> with another collection style using the templates?
> 
> Your design looks nice and I’m currently searching for inspiration on how I can do the same as what you were looking to accomplish.

@hey rather than running the data table from the main table:

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/8/e8f34d70f519ae49dfd78f117a8be34e800ea6a6.jpeg)

I have run the data from another table that groups the category. In this case, Chairs / Fabrics etc. On the layout I have used a Custom conatiner with a data table in each one.

That table looks like this:

 ![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/8/b/8b89b41a656a29b4bf49043114cc3e6156210012.jpeg)

I’ve have created a template colum in the main table that combines the project id and the category Id with a relation between the two. Each time a new item is added in the main column I run an action checks if the relation column is empty, if not, it will also add a new row in the groups table.

Hope that makes sense

---

<div class="post-metadata">

### Author: ![hey](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/hey/32/67835_2.png) [@hey](https://community.glideapps.com/u/hey)
#### Post date: [December 19, 2023, 6:59am UTC](https://community.glideapps.com/t/data-table-click-on-row-action/68700/6 "2023-12-19T06:59:02Z")

</div>

@Si_Gal , That is a great idea! Thanks for sharing this. Would you mind sharing what the collection looks like? I’m curious how you made the template look clean within the collection.

---

<div class="post-metadata">

### Author: ![Si\_Gal](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/si_gal/32/79433_2.png) [@Si\_Gal](https://community.glideapps.com/u/Si_Gal)
#### Post date: [December 19, 2023, 8:42am UTC](https://community.glideapps.com/t/data-table-click-on-row-action/68700/7 "2023-12-19T08:42:17Z")

</div>

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/8/e84a059a59c35751f15be48a074bb7aa3fc82ec6.jpeg)  
Is this what you are looking for?

---

<div class="post-metadata">

### Author: ![hey](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/hey/32/67835_2.png) [@hey](https://community.glideapps.com/u/hey)
#### Post date: [December 19, 2023, 1:54pm UTC](https://community.glideapps.com/t/data-table-click-on-row-action/68700/8 "2023-12-19T13:54:15Z")

</div>

ok I see. So instead of coming up with a solution to make a table clickable, you created category tables that live inside the custom container.

---

<div class="post-metadata">

### Author: ![Si\_Gal](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/si_gal/32/79433_2.png) [@Si\_Gal](https://community.glideapps.com/u/Si_Gal)
#### Post date: [December 19, 2023, 5:03pm UTC](https://community.glideapps.com/t/data-table-click-on-row-action/68700/9 "2023-12-19T17:03:46Z")

</div>

Ah, sorry. I didn’t solve that issue

Instead I’ve opted for a list collection and I’ve combined the text from the columns so show the info I want

A user can then edit from the drop down menu

 ![IMG_3879](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/d/6d33394e2e3630c86df637a362ff6948b798ede3.jpeg)
