Kendo UI Angular Grid Detail 模板“+”圖標移動到最后一列

Question

[+ 圖標移動到最右邊]

我正在使用 kendo angular Grid，我需要將“+”圖標自定義為網格的最后一列。 默認情況下，它作為第一列出現。 任何人都可以幫助實現它。

Answer 1

你需要：-

• 隱藏詳細信息圖標列。 我找到了這個telerik論壇鏈接 ，該鏈接說明了如何隱藏展開和折疊詳細信息網格列。
• 為要顯示在右側的詳細信息圖標添加新列。
• 單擊詳細信息圖標時，分別調用crashRow和expandRow網格方法。
• 分別處理detailCollapse和detailExpand網格事件以切換細節圖標以展開和折疊

Answer 2

我找到了一種在回調函數中隱藏列本身的方法。

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

謝謝您的幫助。

Answer 3

您必須將詳細信息網格中的可導航更改為 false (kendoGridDetailTemplate)

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