# 🦾 Data Grid Component in Glide Pages!

**URL:** <https://community.glideapps.com/t/data-grid-component-in-glide-pages/42352>\
**Category:** Community Resources\
**Created:** [May 25, 2022, 12:12am UTC](https://community.glideapps.com/t/data-grid-component-in-glide-pages/42352 "2022-05-25T00:12:37Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [May 25, 2022, 12:12am UTC](https://community.glideapps.com/t/data-grid-component-in-glide-pages/42352/1 "2022-05-25T00:12:37Z")

</div>

# WHOA!

Brand new component in Glide Pages — Data Grid!

It’s the Data Editor _as a component!_

- Add multiple columns
- Allow Editing
- Allow Adding of Rows
- Add search and filtering

This is amazing—gives your app users access to the data table without giving them access to your team folder!

 ![CleanShot 2022-05-24 at 20.02.46@2x](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/f/cf71f95704e7a49c72283c11a87034173e739b99.jpeg)

You can also allow how the data is organized/displayed:

 ![CleanShot 2022-05-24 at 20.17.12@2x](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/3/73bed2a06c3e4fbec11bbc11a07977768e476f26.png)

### Warning: Users that have access to this component might have the ability to edit your data!

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [May 25, 2022, 12:39am UTC](https://community.glideapps.com/t/data-grid-component-in-glide-pages/42352/2 "2022-05-25T00:39:49Z")

</div>

Sweet!

---

<div class="post-metadata">

**Author:** ![Hani\_Ibrahim](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/hani_ibrahim/32/42108_2.png) [@Hani\_Ibrahim](https://community.glideapps.com/u/Hani_Ibrahim)\
**Post date:** [May 25, 2022, 4:13am UTC](https://community.glideapps.com/t/data-grid-component-in-glide-pages/42352/3 "2022-05-25T04:13:22Z")

</div>

Ii was going to wrap my app, then i saw this new function, i thought it is charts for the first look, once i start experiment with it, i found it opening a new era for my app.

Really Thank You Glide Team.

---

<div class="post-metadata">

**Author:** ![IDEApps](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ideapps/32/42628_2.png) [@IDEApps](https://community.glideapps.com/u/IDEApps)\
**Post date:** [May 25, 2022, 6:15am UTC](https://community.glideapps.com/t/data-grid-component-in-glide-pages/42352/4 "2022-05-25T06:15:51Z")

</div>

Thank you, Glide team! 👍🏼

---

<div class="post-metadata">

**Author:** ![Dilon\_Perera](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/dilon_perera/32/85652_2.png) [@Dilon\_Perera](https://community.glideapps.com/u/Dilon_Perera)\
**Post date:** [May 25, 2022, 6:26am UTC](https://community.glideapps.com/t/data-grid-component-in-glide-pages/42352/5 "2022-05-25T06:26:13Z")

</div>

Now I love Pages more and more! ❤

Thanks Glide Team! Superb! 🙌

---

<div class="post-metadata">

**Author:** ![Purvang\_Joshi](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/purvang_joshi/32/12645_2.png) [@Purvang\_Joshi](https://community.glideapps.com/u/Purvang_Joshi)\
**Post date:** [May 25, 2022, 7:06am UTC](https://community.glideapps.com/t/data-grid-component-in-glide-pages/42352/6 "2022-05-25T07:06:57Z")

</div>

Great, thanks.  
This is super useful for Management Apps.

Feedbacks:

1. Sort asc dsc feature also should be user side. Not just in the editor.  
You can also set up down arrows in UI.  

2. There has to be a clickable button to navigate the detailed screen.

---

<div class="post-metadata">

**Author:** ![IDEApps](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/ideapps/32/42628_2.png) [@IDEApps](https://community.glideapps.com/u/IDEApps)\
**Post date:** [May 25, 2022, 9:01am UTC](https://community.glideapps.com/t/data-grid-component-in-glide-pages/42352/7 "2022-05-25T09:01:51Z")

</div>

I just tried to explore data grid component. On the image 01, I hope data grid component provides an action button of each row. I tried to use a table component for a table of trial balance with an action show details.

 ![DataGrid01](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/f/d/fdbcf9fd90ac8666d5cc3ea664b313311e224cff.jpeg)

On image 02, I use data grid component for displaying the details of accounts ledger. But, I have no idea how to create the running balances. I hope a math column is an alternative solution on the column of data grid component.

 ![DataGrid02](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/6/1/615ee3e7607c19f1574a08bfee74d7f9774234e4.jpeg)

---

<div class="post-metadata">

**Author:** ![Gideon\_Lahav\_Busines](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gideon_lahav_busines/32/41121_2.png) [@Gideon\_Lahav\_Busines](https://community.glideapps.com/u/Gideon_Lahav_Busines)\
**Post date:** [May 25, 2022, 3:03pm UTC](https://community.glideapps.com/t/data-grid-component-in-glide-pages/42352/8 "2022-05-25T15:03:09Z")

</div>

Thanks for the update!

---

<div class="post-metadata">

**Author:** ![fluittsolutions](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/fluittsolutions/32/30155_2.png) [@fluittsolutions](https://community.glideapps.com/u/fluittsolutions)\
**Post date:** [May 25, 2022, 7:56pm UTC](https://community.glideapps.com/t/data-grid-component-in-glide-pages/42352/9 "2022-05-25T19:56:09Z")

</div>

@Robert_Petitto, if Glide takes this Data Grid component and allows us to add any header for each column (without that little data type icon), wouldn’t that give us exactly what we were talking about in my 5/20/2022 feature request that you replied to?

See [Pages Table Columns](https://community.glideapps.com/t/pages-table-columns/42211) in feature requests.

---

<div class="post-metadata">

**Author:** ![Robert\_Petitto](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/robert_petitto/32/25193_2.png) [@Robert\_Petitto](https://community.glideapps.com/u/Robert_Petitto)\
**Post date:** [May 25, 2022, 8:12pm UTC](https://community.glideapps.com/t/data-grid-component-in-glide-pages/42352/10 "2022-05-25T20:12:53Z")

</div>

Yup. They just need to add an action button etc per row.

---

<div class="post-metadata">

**Author:** ![fluittsolutions](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/fluittsolutions/32/30155_2.png) [@fluittsolutions](https://community.glideapps.com/u/fluittsolutions)\
**Post date:** [May 26, 2022, 9:43pm UTC](https://community.glideapps.com/t/data-grid-component-in-glide-pages/42352/11 "2022-05-26T21:43:53Z")

</div>

@Robert_Petitto, I can’t get the Data Grid filtering to work on number fields. If I filter on a text field it works fine. But if I try to filter on any number field (FIELD \> 0) it returns nothing. Do you have any experience with this?

UPDATE: It is working for Field is empty or Field is not empty. The field in question is formatted as currency–could that be the problem?

Thanks,  
Mona

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [May 26, 2022, 11:56pm UTC](https://community.glideapps.com/t/data-grid-component-in-glide-pages/42352/12 "2022-05-26T23:56:24Z")

</div>

So you format it as currency in Google Sheets and force it to be number in Glide? Have you tried a pure number column?

---

<div class="post-metadata">

**Author:** ![fluittsolutions](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/fluittsolutions/32/30155_2.png) [@fluittsolutions](https://community.glideapps.com/u/fluittsolutions)\
**Post date:** [May 27, 2022, 1:17am UTC](https://community.glideapps.com/t/data-grid-component-in-glide-pages/42352/13 "2022-05-27T01:17:26Z")

</div>

I need it to be currency. Based on your response, I’m wondering

1. Does Glide have a currency format for numbers?
2. Or do I need to build a number column and then for display purposes build a template column of “$ Number Field”

Thanks.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [May 27, 2022, 1:27am UTC](https://community.glideapps.com/t/data-grid-component-in-glide-pages/42352/14 "2022-05-27T01:27:09Z")

</div>

![image](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/e/a/eac71349a67fa4588eaa5a0683f537dd8beb3708.png)

You can do it like this, in a single number column.

---

<div class="post-metadata">

**Author:** ![fluittsolutions](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/fluittsolutions/32/30155_2.png) [@fluittsolutions](https://community.glideapps.com/u/fluittsolutions)\
**Post date:** [May 27, 2022, 1:30am UTC](https://community.glideapps.com/t/data-grid-component-in-glide-pages/42352/15 "2022-05-27T01:30:04Z")

</div>

You Rock! Problem solved. Thank you.

---

<div class="post-metadata">

**Author:** ![orth](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/orth/32/29029_2.png) [@orth](https://community.glideapps.com/u/orth)\
**Post date:** [July 8, 2022, 3:52am UTC](https://community.glideapps.com/t/data-grid-component-in-glide-pages/42352/16 "2022-07-08T03:52:14Z")

</div>

What’s wrong with my Data Grid? It does not have neither Add Row nor Sort options clicking on column header…

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

And it’s absolutely necessary Action feature on row/cell click.

---

<div class="post-metadata">

**Author:** ![snus44](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/snus44/32/37176_2.png) [@snus44](https://community.glideapps.com/u/snus44)\
**Post date:** [July 12, 2022, 9:34pm UTC](https://community.glideapps.com/t/data-grid-component-in-glide-pages/42352/17 "2022-07-12T21:34:57Z")

</div>

I don’t have these features either! And it’s not clear to me how to adjust the width of the columns? Experts please help.

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [July 12, 2022, 11:46pm UTC](https://community.glideapps.com/t/data-grid-component-in-glide-pages/42352/18 "2022-07-12T23:46:36Z")

</div>

> [@snus44](#):
>
> how to adjust the width of the columns

It’s a known bug for engineering, it will get fixed eventually but we don’t have an ETA.

---

<div class="post-metadata">

**Author:** ![Eden](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/eden/32/18651_2.png) [@Eden](https://community.glideapps.com/u/Eden)\
**Post date:** [September 21, 2022, 10:53pm UTC](https://community.glideapps.com/t/data-grid-component-in-glide-pages/42352/19 "2022-09-21T22:53:31Z")

</div>

- Can we have a detail view button?  
(I don’t wanna clutter the app with irrelevant information - yet that information is necessary in terms of it being accessible)

- And Grouping, same as with Tables.  
Group the Data Grid by a specific column

---

<div class="post-metadata">

**Author:** ![MariaRV](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mariarv/32/50447_2.png) [@MariaRV](https://community.glideapps.com/u/MariaRV)\
**Post date:** [November 15, 2022, 11:41am UTC](https://community.glideapps.com/t/data-grid-component-in-glide-pages/42352/20 "2022-11-15T11:41:42Z")

</div>

Hey everyone! It’s possible to have pagination in Data Grid? Thank you 🙂

[Next page](https://community.glideapps.com/t/data-grid-component-in-glide-pages/42352.md?page=2)
