更改 Kendo UI Grid Hierarchy 的宽度？

Question

我有一个包含 3 列层次结构的 13 列网格。

问题是层次网格平均占用 13 列空间来显示 3 列。

有没有办法设置层次网格的宽度？

Answer 1

为了为层次网格设置更小的宽度，您可以显式设置层次网格组件的宽度。这可以通过 HtmlAttributes 属性来完成。

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

Answer 2

我想这就是你要找的答案。

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'));
    }

如果您有这么多列，您还可以在网格中添加一个水平滚动条。

希望这些信息对您有所帮助。