如何根據條件更改 slickgrid header 背景顏色？

Question

I am using a angular-slickgrid = 2.30.2,Angular 10, i am using styles.css where i am loading the slickgrid theme through bootstrap.sass file. 我創建了一個共享的 slickgrid 組件，並在需要時在父組件中使用它。

1. 我想根據父組件中的條件更改光滑網格 header 顏色。 例如，如果我的變量值為真，則顯示 slickgrid header 藍色否則為紅色，我該怎么做？

2. 我想為網格中的每第三行添加一個底部邊框，只為一個使用光滑網格的屏幕/組件，我該如何實現。

我是 slickgrid 的新手，請指導。

Answer 1

請注意，我是 Angular-Slickgrid 的作者，已經有很多關於如何設置 SlickGrid 樣式的問題和答案，例如：

• 根據單元格值設置 SlickGrid 單元格樣式
• 如何將 class 應用到 header 單元格中以獲取 slickgrid 中的列
• Angular SlickGrid 對齊 header 文本
• 如何將 class 添加到 SlickGrid 中的單元格

和/或簡單地使用Column接口中的 Column 屬性cssClass或headerCssClass 。 我為最新版本中的所有內容添加了 TypeScript 類型，這應該給你足夠的指示，你可以嘗試什么。

另請記住，Angular-Slickgrid 是 SlickGrid 的包裝器，搜索 SlickGrid 將始終為您的問題搜索提供更多結果

最后，您使用的是我不再支持的舊版本 (2.x)，您應該考慮最終遷移以訪問更新的功能和更小的版本，請參閱遷移指南 3.x和遷移指南 4.x