Kendo vue основная информация о родной сетке, как группировать, фильтровать и отображать сумму из столбца элементов дочерней строки в столбце основной таблицы

Question

Предположим, у нас есть этот сценарий.

    const products = [
    {
        "Date": "15/7/2020",
        "Resource": "azureplansub1vm_osdisk_1_6f75b8e1",
        "PartnerEarnedEnabled": "true",
        "ResourceType": "Disks",
        "Location": "us west 2",
        "ResourceGroupName": "resourcegroup1",
        "Meter": "meter 1",
        "ServiceName": "service 1",
        "Cost": "0.16"
    },
    {
        "Date": "15/7/2020",
        "Resource": "azureplansub1vm_osdisk_1_6f75b8e1",
        "PartnerEarnedEnabled": "true",
        "ResourceType": "Disks",
        "Location": "us west 2",
        "ResourceGroupName": "resourcegroup1",
        "Meter": "meter 2",
        "ServiceName": "service 2",
        "Cost": "0.16"
    }, 
    {
        "Date": "15/7/2020",
        "Resource": "azureplansub1vm_osdisk_1_6f75b8e1",
        "PartnerEarnedEnabled": "true",
        "ResourceType": "Disks",
        "Location": "us west 2",
        "ResourceGroupName": "resourcegroup1",
        "Meter": "meter 3",
        "ServiceName": "service 4",
        "Cost": "0.16"
    },
        {
        "Date": "14/7/2020",
        "Resource": "azureplansub1vm_osdisk_1_6f75b8e1",
        "PartnerEarnedEnabled": "true",
        "ResourceType": "Disks",
        "Location": "us west 2",
        "ResourceGroupName": "resourcegroup1",
        "Meter": "meter 1",
        "ServiceName": "service 1",
        "Cost": "0.16"
    },
    {
        "Date": "14/7/2020",
        "Resource": "azureplansub1vm_osdisk_1_6f75b8e1",
        "PartnerEarnedEnabled": "true",
        "ResourceType": "Disks",
        "Location": "us west 2",
        "ResourceGroupName": "resourcegroup1",
        "Meter": "meter 2",
        "ServiceName": "service 2",
        "Cost": "0.16"
    }, 
    {
        "Date": "14/7/2020",
        "Resource": "azureplansub1vm_osdisk_1_6f75b8e1",
        "PartnerEarnedEnabled": "true",
        "ResourceType": "Disks",
        "Location": "us west 2",
        "ResourceGroupName": "resourcegroup1",
        "Meter": "meter 3",
        "ServiceName": "service 4",
        "Cost": "0.16"
    },
];

export { products };

Мы хотим сгруппировать / отфильтровать данные в одних и тех же столбцах (Date, Resource, PartnerEarnedEnabled, ResourceType, Location, ResourceGroupName) и покажите сетку со значком раскрытия, который в данном случае будет двумя строками, и, щелкнув значок расширения, мы получим три дочерних строки для двух основных элементов. Также столбец стоимости будет рассчитан по сумме в каждой дочерней строке и покажет общую стоимость в стоимости основного столбца. это не совсем то, что я хочу. https://mrdkmw.stackblitz.io/ У него есть повторяющиеся строки для мастера, а также я не могу взять сумму.

Я не могу фильтровать / группировать вместе, указав столбец c и показать общий дочерний элемент стоимость предмета в основной строке