группа angular строк таблицы материалов (диапазон строк)

Question

У меня есть данные, подобные следующим:

users = [
{
user : {
    idUser: 2,
    name: "Alain",
    surName: "Marshal",
    age: 23
    },
role: {
    codeRole: 'ADM',
    label: 'Administrator'
    },
group: {
    idGroup: 3,
    nomGroup: 'RH personnes'
    }
},
{
user : {
idUser: 2,
name: "Alain",
surName: "Marshal",
age: 23
},
 role: {
codeRole: 'GEST',
label: 'RH Helper'
},
group: {
idGroup: 8,
nomGroup: 'Finance personnes'
}
},
{
user : {
    idUser: 8,
    name: "Jhon",
    surName: "Rodin",
    age: 33
},
role: {
    codeRole: 'ADM',
    label: 'Administrator'
},
group: {
    idGroup: 3,
    nomGroup: 'RH personnes'
}
},
{
user : {
    idUser: 8,
    name: "Jhon",
    surName: "Rodin",
    age: 33
},
role: {
    codeRole: 'GEST',
    label: 'RH Helper'
},
group: {
    idGroup: 3,
    nomGroup: 'RH personnes'
}
},

];

И я отображаю эти данные в angular mat-таблице, но я хочу сгруппировать строки таблицы для каждого пользователя следующим образом: У вас есть идея, как я могу сделать это динамически (если у пользователя есть одна роль, у него будет одна строка, иначе он воля имеет диапазон строк, равный его ролям)

ссылка на мой стек: https://stackblitz.com/edit/selectobject-form

спасибо за вашу помощь