TableView css , row border and on select fill

Question

Hello , i'm trying to fill TableRow with some custom color.
On default , TableRow fills blue color on mouse selection.
How can i change blue to red or transparent from css ?

Answer 1

I don't usually use inline styles (I prefer to factor the css out into separate stylesheets), but I don't think you can apply selectors using inline styles. Here, since you don't have a reference to the table row cell in your code, you pretty much have no choice but to use a stylesheet. You can apply the stylesheet to any parent (in the scene graph) of the table row cell, such as the scene, root, or just the table view (as in the example here).
TableWithStyle.java
import javafx.application.Application;
import javafx.beans.property.SimpleIntegerProperty;
import javafx.beans.property.SimpleStringProperty;
import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.scene.Scene;
import javafx.scene.control.ScrollPane;
import javafx.scene.control.TableColumn;
import javafx.scene.control.TableView;
import javafx.scene.control.cell.PropertyValueFactory;
import javafx.scene.layout.BorderPane;
import javafx.stage.Stage;
public class TableWithStyle extends Application {
     @Override
     public void start(Stage primaryStage) throws Exception {
         final ObservableList<Person> data = FXCollections.observableArrayList(
                 new Person(1, "Joe", "Pesci"),
                 new Person(2, "Audrey", "Hepburn"),
                 new Person(3, "Gregory", "Peck"),
                 new Person(4, "Cary", "Grant"),
                 new Person(5, "De", "Niro")
         TableView<Person> tableView = new TableView<Person>();
         TableColumn<Person, Integer> idColumn = new TableColumn<Person, Integer>();
         idColumn.setCellValueFactory(new PropertyValueFactory<Person, Integer>("id"));
         TableColumn<Person, String> firstNameColumn = new TableColumn<Person, String>();
         firstNameColumn.setCellValueFactory(new PropertyValueFactory<Person, String>("firstName"));
         TableColumn<Person, String> lastNameColumn = new TableColumn<Person, String>();
         lastNameColumn.setCellValueFactory(new PropertyValueFactory<Person, String>("lastName"));
         tableView.getColumns().addAll(idColumn, firstNameColumn, lastNameColumn);
         tableView.setItems(data);
         BorderPane root = new BorderPane();
         ScrollPane scroller = new ScrollPane();
         scroller.setContent(tableView);
         root.setCenter(scroller);
         Scene scene = new Scene(root, 400, 250);
         tableView.getStylesheets().add("table.css");
         primaryStage.setScene(scene);
         primaryStage.show();
      * @param args
     public static void main(String[] args) {
          launch(args);
     public static class Person {
          private final SimpleIntegerProperty num;
          private final SimpleStringProperty firstName;
          private final SimpleStringProperty lastName;
          private Person(int id, String fName, String lName) {
               this.firstName = new SimpleStringProperty(fName);
               this.lastName = new SimpleStringProperty(lName);
               this.num = new SimpleIntegerProperty(id);
          public String getFirstName() {
               return firstName.get();
          public void setFirstName(String fName) {
               firstName.set(fName);
          public String getLastName() {
               return lastName.get();
          public void setLastName(String fName) {
               lastName.set(fName);
          public int getId() {
               return num.get();
          public void setId(int id) {
               num.set(id);
}table.css:
.table-row-cell:selected {
     -fx-background-color: red ;
}