Как отобразить многомерные данные в ngx-datatable - PullRequest
Новая
       8

Как отобразить многомерные данные в ngx-datatable

0 голосов
/ 02 ноября 2018

Я использую Angular 6 и ngx-datatable.

У меня есть данные в многомерном формате, например 

[
  {
    "remote": {
      "app_name": "Test 1",
      "app_url": "https://app.example1.io",
      "created": "2018-10-31T09:01:32+00:00"
    },
    "users": [
      {
        "name": "Example 1",
        "email": "example1@gmail.com",
        "ip_address": null,
        "created": "2018-10-30 19:26:57"
      },
      {
        "name": "Example 2",
        "email": "example2@ymail.com",
        "ip_address": null,
        "created": "2018-10-30 16:05:17"
      }
    ]
  },

  {
    "remote": {
      "app_name": "Test 2",
      "app_url": "https://app.example2.io",
      "created": "2018-10-31T09:01:32+00:00"
    },
    "users": [
      {
        "name": "Example 3",
        "email": "example3@gmail.com",
        "ip_address": null,
        "created": "2018-10-30 19:26:57"
      },
      {
        "name": "Example 4",
        "email": "example4@ymail.com",
        "ip_address": null,
        "created": "2018-10-30 16:05:17"
      }
    ]
  }
]

Здесь корневой элемент массива имеет два ключа remote и users, где users снова массив.

Я хочу отобразить данные в следующем формате

enter image description here

Я могу получить доступ к дочернему свойству, если это одно свойство, использующее (.) Разделитель, такой как 

columns = [
  {
    prop: 'remote.app_name',
    name: 'Application Name',
    sortable: true
  }
];

Но как определить prop для имени пользователя и адреса электронной почты в столбцах данных?

...