如何在 Kendo UI 分层网格中将第一列移到最后一列。

【问题标题】：How to shift 1st column to the last in a Kendo UI hierarchical grid.如何在 Kendo UI 分层网格中将第一列移到最后一列。
【发布时间】：2016-06-20 20:52:51
【问题描述】：

我正在使用剑道 UI 分层网格，我必须在其中将每一行的展开图标显示到末尾而不是第一列。是否有可用的设置可以设置为 true 来实现这一点？如果没有，那么如何做到这一点。我在网上找不到任何建议或工作示例。

谢谢，

【问题讨论】：

标签： angularjs angularjs-directive kendo-ui kendo-grid

【解决方案1】：

我认为开箱即用是不可能的。但是您可以使用 jQuery 来解决问题。

dataBound: function() {
    var headerRow = $(".k-grid-header").find("tr[role='row']");
    $(".k-grid-header").find(".k-hierarchy-cell").detach().appendTo(headerRow);
    var trs = $(".k-grid-content").find("tr.k-master-row");
    $(".k-grid-content").find(".k-hierarchy-cell").each(function(i) {
        $(this).detach().appendTo(trs[i]);
    });
}

dojo 上的示例。

【讨论】：

谢谢！我根据您的回答创建了一个指令，因为我必须在多个页面中使用它。
该解决方案确实有效。唯一可以在这里添加的是，您需要将第一个单元格 colgroup 从表头和表格正文中分离出来，并将其附加为最后一个单元格。