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

为了为层次结构Grid设置较小的宽度，您可以显式设置层次结构Grid组件的宽度。这可以通过HtmlAttributes属性完成。

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

更改Kendo UI Grid Hierarchy的宽度？

2 个答案: