Hi,
I have this grid on an Ionic4 app:
<ion-grid>
<!-- header -->
<ion-row>
<ion-col size="4">
{{ 'Time' | translate }}
</ion-col>
<ion-col size="8">
{{ 'Info' | translate }}
</ion-col>
</ion-row>
<!-- other rows not selectable -->
<ion-row *ngFor="let data of filteredData; let i = index;">
<ion-col size="2">
<ion-icon name="pin" slot="start"...></ion-icon>
</ion-col>
<ion-col size="2">
{{data['time'] | date: 'dd/MM/yyyy HH:mm:ss'}}
</ion-col>
<ion-col size="8" *ngIf="data['data_type'] === 'Position'">
<b>{{ 'Latitude' | translate}}:</b> {{data['latitude'] }} ; <b>{{ 'Longitude' | translate}}:</b> {{data['longitude'] }} ; <b>{{ 'Speed' | translate}}:</b> {{data['speed'] }}
</ion-col>
</ion-row>
</ion-grid>
I’m able to select with the mouse only the header of the grid, while the other rows are not selectable.
Why?
How does is it possible?
It could be a CSS issue, but there aren’t custom classes defined on the other rows.
Thank you
cld