Отображение вложенного объекта с помощью смарт-таблицы Ng2 с использованием AngularFire и Firestore

Выше моя структура данных в базе данных Firebase Firestore. Я могу успешно извлечь данные и поместить их в интеллектуальную таблицу ng2, используя следующие настройки:

export const userTableSettings = {
  delete: {
confirmDelete: true,
deleteButtonContent: '<i class="ft-x danger font-medium-1 mr-2"></i>'
  },
  add: {
confirmCreate: true,
  },
  edit: {
confirmSave: true,
editButtonContent: '<i class="ft-edit-2 info font-medium-1 mr-2"></i>'
  },
  firstName: {
title: 'Full Name',
  },
  lastName: {
title: 'User Name',
  },
  email: {
title: 'Email',
  },
},
  attr: {
    class: 'table table-responsive'
  },
};

но когда я добавляю место для ролей

roles: {
    title: 'Role',
},

выход

Я хочу иметь возможность отображать роль или роли пользователей, если у них более одной, и иметь возможность обновлять их из таблицы.