How to fit an ion-scroll container for small and large screens


I have a large table wrapped in an ion-scroll that is working very well. The code looks like this:

<ion-scroll zooming="true" direction="xy" style="width: 100%; height: 100%;">
<div style="width: 750px; height: 425px; repeat">

My problem is that on an iPad screen, the ion-scroll only uses half of the screen. I have tried setting the div style height to 100%, but this does not work. The div style seems to demand a pixel number for the width and height. Is there a way I can get the div width and height to fill the screen on small and large devices?


Try setting height of table cell rather than the whole table.


Sorry, I should have been more specific in the post. The “table” is using the Grid style suggested in the Ionic documentation

<div class="row">
<div class="col">


In a similar way, set the height of grid cell rathe than the whole grid