angular - 将 css 类应用于 Ag-Grid 中单元格中的特定项目

Question

我在 Angular 7 应用程序中使用 Ag-grid。我正在尝试使用“cellClassRules”将 css 类应用于特定单元格。这会将类应用于整个单元格。但我想将该类应用于单元格中的某些特定项目。例如，单元格包含 2 个名称作为单个字符串，“ABC、XYZ、PQR”。在这种情况下，我只想将 css 应用于 XYZ 而不是其他名称。这个 css 是根据特定条件应用的。但这会将类应用于整个单元格。css 可以仅应用于单元格中的特定项目吗？

标签： angularag-grid

Answer 1

这个答案可能是一种解决方法，尽管您可以尝试让我知道，在您作为数据传递的示例字符串中尝试添加一个<span>标签，例如："ABC,<span class="your-class">XYZ</span>,PQR" 然后像往常一样为您的班级分配样式。