Как да разделя кендо мрежа на дъщерна и родителска мрежа?

Така че имам проблеми с моята мрежа, защото има твърде много колони. Това, което бих искал да направя, е да разделя тази мрежа наполовина, като само половината от колоните се показват в основната мрежа, а другата половина в дъщерна мрежа, когато редът се разшири.

По принцип данните в ред на родителска мрежа трябва да бъдат същите като данните в ред на дъщерна мрежа, само показани различни колони.

Кодът по-долу трябва да се трансформира в нещо подобно:

Ето я и самата мрежа:

$("#Materials")
    .kendoGrid({
        dataSource: {
            data: [],
            schema: {
                model: {
                    id: "ID",
                    fields: {
                        ID: { type: "number", editable: false },
                        Code: { type: "string", editable: false },
                        Name: { type: "string", editable: false },
                        ExternalCode1: { type: "string", editable: false },
                        ExternalCode2: { type: "string", editable: false },
                        OtherCode1: { type: "string", editable: false },
                        ServiceMode: { type: "string", editable: false },
                    }
                }
            },
            pageSize: 20
        },
        pageable: true,
        columns: [
            { field: "Code", title:"Code"},
            { field: "Name", title: "Name"},
            { field: "ExternalCode1", title:"External Code1"},
            { field: "ExternalCode2", title:"External Code2"},
            { field: "OtherCode1", title:"Other Code1"},
            { field: "ServiceMode", title:"Service Mode"},
        ],
        editable: false
    });

Попълвам данните в документ, готов за по-бързо зареждане на страници с ajax повикване.