如何为 igx-grid 中的选定行设置自定义背景颜色

Question

我正在使用 Infragistics igxGridComponent。我正在尝试设置所选行的外观。

我试过自己设置 css 类:

.selected-row {
  background-clor:red;
  color:white;
  font:bold;
}

但是，我不太确定如何有条件地应用它们。我应该使用 ngClass 还是有其他语法？

Answer 1

您可以使用 igx-grid-theme SASS 功能创建自定义主题：

$custom-theme: igx-grid-theme(
  $row-selected-background: green,
  $row-selected-text-color: #000,
  $row-selected-hover-background: red
);

然后将其传递给 igx-grid SASS mixin:

::ng-deep {
  @include igx-grid($custom-theme);
}

Here你可以找个例子。