# Invisible Data Viewer Grid (DVG) item leaves gap

**URL:** <https://community.thunkable.com/t/invisible-data-viewer-grid-dvg-item-leaves-gap/1347574>\
**Category:** Questions about Thunkable X\
**Created:** [June 16, 2021, 6:48am UTC](https://community.thunkable.com/t/invisible-data-viewer-grid-dvg-item-leaves-gap/1347574 "2021-06-16T06:48:53Z")\
**Posts on this page:** 19\
**Page:** 1

<div class="post-metadata">

**Author:** ![codeswept](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeswept/32/87755_2.png) [@codeswept](https://community.thunkable.com/u/codeswept)\
**Post date:** [June 16, 2021, 6:48am UTC](https://community.thunkable.com/t/invisible-data-viewer-grid-dvg-item-leaves-gap/1347574/1 "2021-06-16T06:48:53Z")

</div>

When I set the container of a Data Viewer Grid (DVG) item’s visible to false (the parent row/column), it leaves a gap instead of shifting the other items one step backwards. When we set normal components’ visible to false, the invisible component doesn’t take up space. Then why do DVG and DVL(Data Viewer List) items leave a gap?

 ![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/c/c/cc0da6980d045d9f0459539e61e3586a686359e8.jpeg)

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [June 16, 2021, 7:32am UTC](https://community.thunkable.com/t/invisible-data-viewer-grid-dvg-item-leaves-gap/1347574/2 "2021-06-16T07:32:00Z")

</div>

I recommend always spelling out acronyms when starting a new topic. That way, people who find this topic and are new to Thunkable will be able to better understand it. For example, I’m not sure what SDVL stands for.

When you mention something like “DVL”, you could write “Data Viewer List (DVL)” and then refer to it as DVL in any later sentences or posts in the topic.

---

<div class="post-metadata">

**Author:** ![codeswept](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeswept/32/87755_2.png) [@codeswept](https://community.thunkable.com/u/codeswept)\
**Post date:** [June 16, 2021, 7:36am UTC](https://community.thunkable.com/t/invisible-data-viewer-grid-dvg-item-leaves-gap/1347574/3 "2021-06-16T07:36:11Z")

</div>

I’m so sorry, I didn’t think of that! I’ve edited my title and my post. I’ll make sure not to do it again… And SDVL was a typo.

---

<div class="post-metadata">

**Author:** ![Balanced\_Kitchen](https://avatars.discourse-cdn.com/v4/letter/b/839c29/32.png) [@Balanced\_Kitchen](https://community.thunkable.com/u/Balanced_Kitchen)\
**Post date:** [June 16, 2021, 9:10am UTC](https://community.thunkable.com/t/invisible-data-viewer-grid-dvg-item-leaves-gap/1347574/4 "2021-06-16T09:10:02Z")

</div>

I have experimented a lot with the data viewer list and I can confirm that the invisible ones do not leave empty space.

PS: At least that was the case 2-3 months ago

---

<div class="post-metadata">

**Author:** ![codeswept](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeswept/32/87755_2.png) [@codeswept](https://community.thunkable.com/u/codeswept)\
**Post date:** [June 16, 2021, 5:00pm UTC](https://community.thunkable.com/t/invisible-data-viewer-grid-dvg-item-leaves-gap/1347574/5 "2021-06-16T17:00:19Z")

</div>

Weird. This is happening to me with both the List and the Grid. Could you try it once again and tell me if it’s the same case with you. Oh, and also I’m not talking about an entire data viewer layout, I’m talking about a specific item within a layout. Invisible **whole** layouts don’t leave a gap, but If I do  
`From DataViewerList1's LayoutWrapper for row id(random row id) set visible to false`, then it leaves a gap.

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [June 16, 2021, 5:58pm UTC](https://community.thunkable.com/t/invisible-data-viewer-grid-dvg-item-leaves-gap/1347574/6 "2021-06-16T17:58:19Z")

</div>

But the project link I sent you yesterday hides the DVL row. Is that not working for you in a DVL? I understand it’s an issue with a DVG.

This is from that project where you had Name1, Name2, Name3, and Name4 in the data source but I hid the third item/row.

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/7/f794b400a00e920ff3cab2657d756862648bcbef.png)

---

<div class="post-metadata">

**Author:** ![codeswept](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeswept/32/87755_2.png) [@codeswept](https://community.thunkable.com/u/codeswept)\
**Post date:** [June 17, 2021, 3:14am UTC](https://community.thunkable.com/t/invisible-data-viewer-grid-dvg-item-leaves-gap/1347574/7 "2021-06-17T03:14:39Z")

</div>

Yeah, it does hide the row, but it leaves a gap where the invisible row should’ve been.

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [June 17, 2021, 4:02am UTC](https://community.thunkable.com/t/invisible-data-viewer-grid-dvg-item-leaves-gap/1347574/8 "2021-06-17T04:02:50Z")

</div>

Where is the gap in the screenshot I posted just above? I’m just trying to understand because I don’t see a gap.

---

<div class="post-metadata">

**Author:** ![codeswept](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeswept/32/87755_2.png) [@codeswept](https://community.thunkable.com/u/codeswept)\
**Post date:** [June 17, 2021, 4:13am UTC](https://community.thunkable.com/t/invisible-data-viewer-grid-dvg-item-leaves-gap/1347574/9 "2021-06-17T04:13:52Z")

</div>

![image](https://us1.discourse-cdn.com/flex015/uploads/thunkable/original/3X/f/3/f34feccf80bda5e6861a5967df111d27198ff758.png)

It was right there yesterday but now it’s working fine.

---

<div class="post-metadata">

**Author:** ![codeswept](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/codeswept/32/87755_2.png) [@codeswept](https://community.thunkable.com/u/codeswept)\
**Post date:** [June 18, 2021, 3:07am UTC](https://community.thunkable.com/t/invisible-data-viewer-grid-dvg-item-leaves-gap/1347574/10 "2021-06-18T03:07:50Z")

</div>

Any ideas on what to do about the grid gap? I need to hide a lot of them and if the users come upon random (huge) gaps, they’ll be pretty confused.

---

<div class="post-metadata">

**Author:** ![tatiang](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/tatiang/32/55482_2.png) [@tatiang](https://community.thunkable.com/u/tatiang)\
**Post date:** [June 18, 2021, 4:29am UTC](https://community.thunkable.com/t/invisible-data-viewer-grid-dvg-item-leaves-gap/1347574/11 "2021-06-18T04:29:23Z")

</div>

No. I tried to duplicate the problem and I didn’t even get that far. In my testing, I couldn’t hide the date a Grid row. It never disappeared so I couldn’t do any testing related to the gap you’re seeing.

---

<div class="post-metadata">

**Author:** ![muneer](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/muneer/32/75210_2.png) [@muneer](https://community.thunkable.com/u/muneer)\
**Post date:** [June 18, 2021, 12:39pm UTC](https://community.thunkable.com/t/invisible-data-viewer-grid-dvg-item-leaves-gap/1347574/12 "2021-06-18T12:39:00Z")

</div>

What happens if you **refresh** the DVG after your filter process?

---

<div class="post-metadata">

**Author:** ![srig4401aetbf](https://avatars.discourse-cdn.com/v4/letter/s/8baadc/32.png) [@srig4401aetbf](https://community.thunkable.com/u/srig4401aetbf)\
**Post date:** [April 23, 2024, 9:54am UTC](https://community.thunkable.com/t/invisible-data-viewer-grid-dvg-item-leaves-gap/1347574/13 "2024-04-23T09:54:30Z")

</div>

I am also stuck in the same problem…could you fix this?

---

<div class="post-metadata">

**Author:** ![pacecode](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/pacecode/32/209017_2.png) [@pacecode](https://community.thunkable.com/u/pacecode)\
**Post date:** [April 23, 2024, 9:56am UTC](https://community.thunkable.com/t/invisible-data-viewer-grid-dvg-item-leaves-gap/1347574/14 "2024-04-23T09:56:07Z")

</div>

You can Try Creating a Custom Data Viewer Grid

> **[Data Viewer Components | Drag and Drop | Thunkable Docs](https://docs.thunkable.com/app-design/ui-components/data-components/data-viewers)**

---

<div class="post-metadata">

**Author:** ![srig4401aetbf](https://avatars.discourse-cdn.com/v4/letter/s/8baadc/32.png) [@srig4401aetbf](https://community.thunkable.com/u/srig4401aetbf)\
**Post date:** [April 23, 2024, 10:17am UTC](https://community.thunkable.com/t/invisible-data-viewer-grid-dvg-item-leaves-gap/1347574/15 "2024-04-23T10:17:20Z")

</div>

Thanks but how will it solve in removing empty rows?

---

<div class="post-metadata">

**Author:** ![srig4401aetbf](https://avatars.discourse-cdn.com/v4/letter/s/8baadc/32.png) [@srig4401aetbf](https://community.thunkable.com/u/srig4401aetbf)\
**Post date:** [April 23, 2024, 10:22am UTC](https://community.thunkable.com/t/invisible-data-viewer-grid-dvg-item-leaves-gap/1347574/16 "2024-04-23T10:22:25Z")

</div>

how do you do it

---

<div class="post-metadata">

**Author:** ![pacecode](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/pacecode/32/209017_2.png) [@pacecode](https://community.thunkable.com/u/pacecode)\
**Post date:** [April 23, 2024, 11:08am UTC](https://community.thunkable.com/t/invisible-data-viewer-grid-dvg-item-leaves-gap/1347574/17 "2024-04-23T11:08:17Z")

</div>

It is probably a Sizing and Filling issue with Thunkable, you must try Custom Data Viewer Grid

---

<div class="post-metadata">

**Author:** ![srig4401aetbf](https://avatars.discourse-cdn.com/v4/letter/s/8baadc/32.png) [@srig4401aetbf](https://community.thunkable.com/u/srig4401aetbf)\
**Post date:** [April 23, 2024, 11:25am UTC](https://community.thunkable.com/t/invisible-data-viewer-grid-dvg-item-leaves-gap/1347574/18 "2024-04-23T11:25:28Z")

</div>

thanks

---

<div class="post-metadata">

**Author:** ![ioannis](https://sea1.discourse-cdn.com/flex015/user_avatar/community.thunkable.com/ioannis/32/146956_2.png) [@ioannis](https://community.thunkable.com/u/ioannis)\
**Post date:** [November 8, 2024, 1:20pm UTC](https://community.thunkable.com/t/invisible-data-viewer-grid-dvg-item-leaves-gap/1347574/19 "2024-11-08T13:20:14Z")

</div>


