검도 격자가있는 다중 열 머리글

이 이름이 무엇인지 모르겠으며 headerTemplate을 많이 사용했지만이 모양을 생성하는 방법을 알 수 없습니다. 정렬 및 필터링 측면에서 '정상적으로 작동'하는 열 이름의 두 번째 행이 필요하지만, 시도하는 모든 것은이를 어 기지 않습니다. headerTemplate이이 작업을 수행하는 올바른 방법인지 잘 모릅니다. 이런 종류의 그룹에 대한 이름이 있습니까? 내 연구 결과가 너무 많아서 잘못된 키워드를 사용하고있는 것 같습니다. 이 레이아웃이란 무엇입니까?검도 격자가있는 다중 열 머리글

enter image description here

참고 : 보안상의 이유로 내가 (너무 이미지에 대한 슈퍼 신경) 코드 덤프를 게시 할 수 없습니다. 특정 사항이 필요한 경우 알려 주시면 익명으로 처리하겠습니다. 하지만, 대부분은 headerTemplate을 가지고 놀지 않고 다른 방법을 시도해보기위한 제안을 찾고 있습니다.

출처

2014-07-17 Jasmine

답변을 추가하는 것이 아닙니다. Kieo UI 용 2014 년 2 사분기의 * Beta *에 Pivot Grid 기능이 방금 발표되었습니다. 이 작동 방법을 보려면 telerik 웹 사이트의 샘플을보십시오. 이것은 PRO 고객에게만 제공됩니다. –

Kendo의 현재 버전 (2014Q2)에 기능을 추가하기위한 논의가 있었지만 MVC의 Kendo Grid를 통해 다중 행 그룹 헤더를 만들 수 없습니다. 더 참조를 위해 아래 링크를 참조하십시오 :
Pivot Grid StackOverflow Reference

그러나 그리드의 데이터 바인딩 이벤트에 JQuery와 통해 다중 행 헤더 옵션을 얻을 수 있습니다. 그러나 그것은 완벽한 soultion보다는 해결 방법입니다.

MultiRow-Column Header Sample

당신이 만약 있으면 알려 주시기 바랍니다 자세한 이해를 돕기 위하여

function onDataBound(arg) { 
    var myElem = document.getElementById('trParentHeader'); //Check if Parent Header Group exist 
    if (myElem == null){ // if parent Header doesnot exist then add the Parent Header 
     $("#grid").find("th.k-header").parent().before("<tr id='trParentHeader'> <th colspan='2' class='k-header'><strong>Products + Unit Price</strong></th> <th scope='col' class='k-header'><strong>Single Units in Stock</strong></th></tr>"); 
    } 
    }

와 동작하는 예제 샘플 아래를 참조하십시오 : 데이터 바인딩 이벤트가 다중 행 헤더를 추가 할 수
JS 기능을 참조하십시오 너는 어떤 질문이있어.

출처

2014-07-18 10:31:23

영리합니다, 나는 그것을 좋아한다 :) 대단히 감사합니다! "다중 열 머리글"지금 기억할 것입니다! – Jasmine

이제는 검도 그리드에서 기본적으로 지원됩니다. 다음은 example입니다.

출처

2015-09-22 05:41:16

검도 격자가있는 다중 열 머리글

답변

관련 문제