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

Question

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

Answer 1

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