검도 UI 격자 계층 구조의 너비를 변경 하시겠습니까?

Question

3 열 계층 구조가있는 13 열 그리드가 있습니다.

문제는 계층 그리드가 13 개의 열 공간을 고르게 차지하여 3 개의 열을 표시한다는 것입니다.

계층 구조 격자의 너비를 설정하는 방법이 있습니까?

Answer 1

나는 이것이 당신이 찾고있는 해답이라고 생각합니다.

function resizeDetailGrid(gridElement) { 
    // resize detail column widths to match master column headings 
    gridElement.find('.k-detail-cell tbody tr td').each(function (index) { 
     var headerCell, detailCell, headerCellSelector, detailCellSelector; 
     headerCellSelector = kendo.format('.k-master-row td:nth-child({0})', index + 2); 
     detailCellSelector = kendo.format('.k-detail-cell tbody tr td:nth-child({0})', index + 1); 
     headerCell = gridElement.find(headerCellSelector).first(); 
     detailCell = gridElement.find(detailCellSelector); 
     detailCell.width(headerCell.width()); 
    }); 
} 

그리고 당신은 너무 많은 열이있는 경우는 그리드에 가로 스크롤 막대를 추가 할 수 그리드

gridDetailInit: function() { 
     resizeDetailGrid($('#grid')); 
    } 

를 초기화. 이 정보가 도움이

희망.

Answer 2

계층 구조 그리드의 너비를 더 작게 설정하려면 계층 구조 그리드 구성 요소의 너비를 명시 적으로 설정할 수 있습니다. 이 작업은 HtmlAttributes 속성을 통해 수행 할 수 있습니다.

.HtmlAttributes(new {style="width: 500px;" })