# Multilevel Datatable with responsiveness

**URL:** <https://discourse.aurelia.io/t/multilevel-datatable-with-responsiveness/1004>\
**Category:** Help Requests\
**Created:** [March 28, 2018, 5:44pm UTC](https://discourse.aurelia.io/t/multilevel-datatable-with-responsiveness/1004 "2018-03-28T17:44:58Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![JaiPundir](https://avatars.discourse-cdn.com/v4/letter/j/b782af/32.png) [@JaiPundir](https://discourse.aurelia.io/u/JaiPundir)\
**Post date:** [March 28, 2018, 5:44pm UTC](https://discourse.aurelia.io/t/multilevel-datatable-with-responsiveness/1004/1 "2018-03-28T17:44:58Z")

</div>

Hey Team,

Has anyone done this before or is this possible to do in Aurelia? We are looking to achieve multi-level DataTable and that needs to be responsive as well. Seems very difficult but is it even possible? Please provide some pointers.

Thank you so much in advance1

---

<div class="post-metadata">

**Author:** ![vegarringdal](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/vegarringdal/32/248_2.png) [@vegarringdal](https://discourse.aurelia.io/u/vegarringdal)\
**Post date:** [March 28, 2018, 9:34pm UTC](https://discourse.aurelia.io/t/multilevel-datatable-with-responsiveness/1004/2 "2018-03-28T21:34:10Z")

</div>

like this ?

[https://vegarringdal.github.io/vGridDemo/](https://vegarringdal.github.io/vGridDemo/)

---

<div class="post-metadata">

**Author:** ![jpsala](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/jpsala/32/258_2.png) [@jpsala](https://discourse.aurelia.io/u/jpsala)\
**Post date:** [April 15, 2018, 2:35pm UTC](https://discourse.aurelia.io/t/multilevel-datatable-with-responsiveness/1004/3 "2018-04-15T14:35:52Z")

</div>

Hello, I followed the link to your demo and right away noticed that when scrolling down all the page scrolls down, is there something to do about that?  
I’m using my phone

---

<div class="post-metadata">

**Author:** ![vegarringdal](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/vegarringdal/32/248_2.png) [@vegarringdal](https://discourse.aurelia.io/u/vegarringdal)\
**Post date:** [April 15, 2018, 3:21pm UTC](https://discourse.aurelia.io/t/multilevel-datatable-with-responsiveness/1004/4 "2018-04-15T15:21:58Z")

</div>

Tested a little just now  
I would need to supply a options to disable passive events and if that options is enabled I would `preventDefault()` on mousewheel and touchmove.  
But isnt the grid a bit overkill for a phone ?  
Pad could work.  
Alternative would be to keep everything within the frame I guess

---

<div class="post-metadata">

**Author:** ![vegarringdal](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/vegarringdal/32/248_2.png) [@vegarringdal](https://discourse.aurelia.io/u/vegarringdal)\
**Post date:** [April 15, 2018, 4:07pm UTC](https://discourse.aurelia.io/t/multilevel-datatable-with-responsiveness/1004/5 "2018-04-15T16:07:35Z")

</div>

@jpsala updated grid with new option, `v-skip-passive`  
Also updated demo with this enabled, try it out, just make sure it showing v 1.1.0 at the top, else you need to reload/clear cache.

---

<div class="post-metadata">

**Author:** ![jpsala](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/jpsala/32/258_2.png) [@jpsala](https://discourse.aurelia.io/u/jpsala)\
**Post date:** [April 15, 2018, 6:20pm UTC](https://discourse.aurelia.io/t/multilevel-datatable-with-responsiveness/1004/6 "2018-04-15T18:20:44Z")

</div>

hehe, your are so kind, thanks!!!

---

<div class="post-metadata">

**Author:** ![vegarringdal](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/vegarringdal/32/248_2.png) [@vegarringdal](https://discourse.aurelia.io/u/vegarringdal)\
**Post date:** [May 25, 2018, 5:09pm UTC](https://discourse.aurelia.io/t/multilevel-datatable-with-responsiveness/1004/7 "2018-05-25T17:09:29Z")

</div>

How did it go, was the grid useable for what you needed ?  
Might not be the best widget for everything 🙂

---

<div class="post-metadata">

**Author:** ![jpsala](https://yyz1.discourse-cdn.com/flex027/user_avatar/discourse.aurelia.io/jpsala/32/258_2.png) [@jpsala](https://discourse.aurelia.io/u/jpsala)\
**Post date:** [May 25, 2018, 6:50pm UTC](https://discourse.aurelia.io/t/multilevel-datatable-with-responsiveness/1004/8 "2018-05-25T18:50:02Z")

</div>

Hello Vegar, I didin’t use it yet, but I will and I will let you know, thanks a lot!