更改Kendo UI Grid Hierarchy的宽度？

Question

我有一个13列网格与3列层次结构。

问题是层次结构网格平均占用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;" })