禁用拖放功能 Kendo Angular Grid

Question

我有一個要求，我需要顯示網格組標題，即 kendo-grid-group-panel 但禁用拖動列和從網格中刪除（用戶不應使用拖放功能添加或刪除組列）。 我有一些默認組，我將在渲染網格時設置它們。

示例： https : //www.telerik.com/kendo-angular-ui/components/grid/grouping/

我的要求類似於Kendo Grid 的默認組列上的禁用/刪除關閉圖標。 但該解決方案特定於劍道 jQuery 網格。 我嘗試了一些解決方法，但沒有奏效。

讓我知道這是否可能。 任何幫助將不勝感激。

謝謝。

Answer 1

大家好，我向劍道團隊提出了這個問題。

將所有列的 [groupable] 輸入屬性設置為 false。

然后可以添加一些自定義 CSS 以隱藏組圖塊的“X”按鈕並防止組圖塊的默認單擊行為：

 kendo-grid-group-panel div[kendodraggable] .k-button.k-button-icon.k-bare{
    display: none;
  }
  kendo-grid-group-panel div[kendodraggable]{
    pointer-events: none;
  }

https://stackblitz.com/edit/angular-nwyvhe?file=app/app.component.ts