如何使用JavaFX从选定TableRow中的TableCell中删除选择

Question

I have a TableView with some columns. One column contains custom TableCell nodes. I want to remove the selection highlight from that column cell when the row is selected.

Here is the sample image which shows what I want:

How can I do this?

Answer 1

Use a custom cell factory to add a style class to the cell:

    firstNameCol.setCellFactory(col -> {
        TableCell<Person, String> cell = new TableCell<Person, String>() {
            @Override
            public void updateItem(String name, boolean empty) {
                super.updateItem(name, empty);
                if (empty) {
                    setText("");
                } else {
                    setText(name);
                }
            }
        };
        cell.getStyleClass().add("no-select-cell");
        return cell ;
    });

And then in an external stylesheet, revert the style for no-select-cell in selected rows to the defaults:

.table-row-cell:selected .no-select-cell {

    -fx-background: -fx-control-inner-background;
    -fx-background-color: -fx-background;
    -fx-text-fill: -fx-text-background-color;
}

.table-row-cell:odd:selected .no-select-cell {
    -fx-background: -fx-control-inner-background-alt ;
}