Javafx 2.1: TableView CSS Removal Question

Question

Hi all i was hoping someone would be able to advise me on a query as regards TableView CSS.
I have a tableView, inside of which i have a CellFactory to render my data. Inside of which i have the following condition check. That when found true i want to highlight the full row of the table.
if (checkData(FullData, TableItem)) {
this.getTableRow().getStyleClass().add("triggerHighLight");
} else {
this.getTableRow().getStyleClass().remove("triggerHighLight");
CSS Entry
#myTable .triggerHighLight{
-fx-background-color: #ebc500;
#myTable .triggerHighLight .table-cell {
-fx-text-fill: black;
This works fine.
However, if i want to highlight the row and also change the color of the text, i need to add .table-cell in order to change the text color. But when i go to remove the style. The change of text color remains. Would anyone be able to advise how i can remove the fx-text-fill also? I have tried the below but this dosnt appear to work.
this.getTableRow().getStyleClass().remove("triggerHighLight .table-cell");

Answer 1

Have you tried 2.2?
Add a style that reverts the color back to the caspian default:
#myTable .table-cell {
    -fx-text-fill: -fx-text-inner-color;
}By the way, this.getTableRow().getStyleClass().remove("triggerHighLight .table-cell") will not work because the styleClass property is a List<String> (technically and ObservableList<String>) so you need to remove each styleClass individually.
    this.getTableRow().getStyleClass().remove("triggerHighLight");
    this.getTableRow().getStyleClass().remove("table-cell");
    But then, you really don't want to remove the table-cell styleClass.