Table Contents not scrolling in ios, scrolls fine on android

Ionic Framework ionic-v3
1

I have used HTML table for showing a listing. the listing displays fine on android and scrolls, but on ios it does not scroll by default.
The listing is fetched by an api calling and then mapped to table.
However when i try to inspect my app in device and change any css in listing page then listing starts scrolling again.

My ionic info:

cli packages: (C:\Users\LENOVO\AppData\Roaming\npm\node_modules)

@ionic/cli-utils  : 1.9.2
ionic (Ionic CLI) : 3.9.2

global packages:

Cordova CLI : 8.1.2 (cordova-lib@8.1.1)

local packages:

@ionic/app-scripts : 3.2.3
Cordova Platforms  : none
Ionic Framework    : ionic-angular 3.9.2

System:

Android SDK Tools : 26.1.1
Node              : v8.11.2
npm               : 5.6.0
OS                : Windows 10

HTML code:

<ion-content no-padding no-margin style="background-color: #000;">
	<div full>
		<table col-lg-12 col-sm-12 col-xs-12 col-md-12 table-bordered text-center>
			<tbody *ngIf="listData != null && isListAvailable">
				<tr *ngFor="let item of listData[gameName][currencyCode];" detail-none (click)="openGameRoom(item);">
					<td text-left style="width: 240px;">
						<span padding-left>
							<img *ngIf="item.maxPlayers>=item.players" item-start style='display: inline-block;width: 10%;' src="assets/images/listing/tables/max_{{item.maxPlayers}}_curr_{{item.players}}.png">
							<img *ngIf="item.maxPlayers<item.players" item-start style='display: inline-block;width: 10%;' src="assets/images/listing/tables/max_{{item.maxPlayers}}_curr_{{item.maxPlayers}}.png">
						</span>
					</td>

					<td style="width: 70px;">{{ item.stake }}</td>
					<td style="width: 160px;">{{ item.gameTitle }}</td>
					<td style="width: 70px;">
						<span *ngIf="item.players != 0" style="color: #f00;">{{ item.players }}</span>
						<span *ngIf="item.players == 0">{{ item.players }}</span>
						/{{ item.maxPlayers }}</td>
				</tr>
			</tbody>
		</table>
	</div>
</ion-content>

I have tried changing table to grid in that case, the listing behaviour is not consistent, some times it scrolls sometimes it doesn’t,
I am thinking maybe its a coding issue or platform specific i am not sure any help would be great.
Thanks

2

Did you try to debug your app already? There is some options here . See if it prints an error and if it do, paste it here (or google it)

3

Hi, Thanks for taking interest in the topic and yes i did debug the app using safari browser with my device connected and it did not show any error in console.
i am testing on ios 12 platform, is it related, i have seen some issues that indicate problems with scrolling with this platform.
Also is there any way to represent listing dynamically other than table, i tried ion-grid but the issue is not removed, when i used ion-grid in that case sometimes listing scrolls sometimes it don’t.