@if ((query | async)?.data?.riderAddresses; as addresses) {
  <nz-table #table nzShowSizeChanger [nzFrontPagination]="false"
    [nzData]="addresses.nodes"
    (nzQueryParams)="tableService.onTableQueryParamsChange" nzBordered>
    <thead>
      <tr>
        <th>
          {{ 'profile.title' | translate }}
        </th>
        <th class="hidden md:table-cell">
          {{ 'profile.address' | translate }}
        </th>
        <th>
          {{ 'profile.location' | translate }}
        </th>
      </tr>
    </thead>
    <tbody>
      @for (data of table.data; track data) {
        <tr>
          <td>{{ data.title }}</td>
          <td class="hidden md:table-cell">{{ data.details }}</td>
          <td><a (click)="openMap(data.location)">Open In Google Maps</a></td>
        </tr>
      }
    </tbody>
  </nz-table>
}