검도 그리드를 자식 그리드와 부모 그리드로 분할하는 방법은 무엇입니까?

열이 너무 많아서 그리드에 문제가 있습니다. 내가 뭘하고 싶은데요,이 그리드를 반으로 나눕니다. 행이 확장되면 주 그리드에 표시된 열의 절반과 하위 그리드에있는 나머지 절반이 있습니다.검도 그리드를 자식 그리드와 부모 그리드로 분할하는 방법은 무엇입니까?

기본적으로 상위 그리드의 행에있는 데이터는 하위 그리드의 행 데이터와 동일해야하며 다른 열만 표시됩니다.

아래 코드 이런 식으로 뭔가로 변환해야합니다

$("#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 
    });

내가 아약스 호출 빠른 pageload 성능을위한 준비 문서에 데이터를 작성하고 있습니다 : 여기