Kendo UI Angular Grid Detail 模板“+”图标移到最后一列答案

【问题标题】：Kendo UI Angular Grid Detail template "+" icon to be moved to last columnKendo UI Angular Grid Detail 模板“+”图标移到最后一列
【发布时间】：2019-03-05 18:13:32
【问题描述】：

[+图标移到最右边]

我正在使用剑道角度网格，我需要将“+”图标自定义为网格的最后一列。默认情况下，它作为第一列。任何人都可以帮助实现它。

【问题讨论】：

请参考这个question，和你想做的一样。
我尝试过，但它不会隐藏整个列，它只是隐藏内容。玛丽莎费尔南德斯
您能否分享一些代码，例如隐藏列的 CSS 类、网格标记以及您目前所取得的成果的屏幕截图。

标签： angular kendo-grid

【解决方案1】：

我找到了一种在回调函数中隐藏列本身的方法。

rowCallback({ dataItem, index }) {
    $('.k-hierarchy-col').css('width', '0px');
    $('td.k-hierarchy-cell').css('visibility', 'hidden');
    $('th.k-hierarchy-cell').css('visibility', 'visible');
  }

感谢您的帮助。

【讨论】：

【解决方案2】：

你需要：-

隐藏详细信息图标列。我找到了这个telerik forum link，它解释了如何隐藏展开和折叠细节网格列。
为要在右侧显示的详细信息图标添加一个新列。
单击详细信息图标时分别调用collapseRow 和expandRow 网格方法。
分别处理 detailCollapse 和 detailExpand 网格事件以切换展开和折叠的详细信息图标

【讨论】：

【解决方案3】：

您必须将 navigatable in details 网格更改为 false (kendoGridDetailTemplate)

<kendo-grid [navigatable]="false">
</kendo-grid>

【讨论】：