How can I set row Height in JavaFX table View? I tried to increase it by using css but this didn't work:
.table-row{
line-height: 50px;
}
Is there any other way to solve this?
You can use
.table-row-cell {
-fx-cell-size: 50px;
}
The .table-row-cell
is the class assigned to the table rows, as stated in capian.css
, available at jfxrt.jar (com/sun/javafx/scene/control/skin/caspian/caspian.css):
Each row in the table is a table-row-cell. Inside a table-row-cell is any number of table-cell.
And -fx-cell-size
, in this case, is the row height (actually, each cell height), as confirmed at Oracle's JavaFX CSS Reference Guide
-fx-cell-size: The cell size. For vertical ListView or a TreeView or TableView this is the height, for a horizontal ListView this is the width.
I tried the solution above on the following example:
PetsTable: (Note the use of scene.getStylesheets().add("styles/styles.css");
, defining the css file to be employed)
import javafx.application.Application;
import javafx.beans.property.SimpleStringProperty;
import javafx.collections.FXCollections;
import javafx.collections.ObservableList;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.control.TableColumn;
import javafx.scene.control.TableView;
import javafx.scene.control.cell.PropertyValueFactory;
import javafx.stage.Stage;
public class PetsTable extends Application {
@SuppressWarnings({ "rawtypes", "unchecked" })
@Override
public void start(Stage stage) {
Scene scene = new Scene(new Group());
stage.setTitle("Pets");
stage.setWidth(200);
stage.setHeight(200);
ObservableList<Pet> data = FXCollections.observableArrayList(new Pet("Kitty", "Susan"),
new Pet("Ploft", "Jackob"));
TableView<Pet> table = new TableView<Pet>();
TableColumn name = new TableColumn("Name");
name.setMinWidth(100);
name.setCellValueFactory(new PropertyValueFactory<Pet, String>("name"));
TableColumn owner = new TableColumn("Owner");
owner.setMinWidth(100);
owner.setCellValueFactory(new PropertyValueFactory<Pet, String>("owner"));
table.setItems(data);
table.getColumns().addAll(name, owner);
((Group) scene.getRoot()).getChildren().addAll(table);
/**********************************************/
/********* Setting the css style file *******/
/**********************************************/
scene.getStylesheets().add("styles/styles.css");
stage.setScene(scene);
stage.show();
}
public static void main(String[] args) {
launch(args);
}
public static class Pet {
private final SimpleStringProperty name;
private final SimpleStringProperty owner;
private Pet(String name, String owner) {
this.name = new SimpleStringProperty(name);
this.owner = new SimpleStringProperty(owner);
}
public String getName() {
return name.get();
}
public String getOwner() {
return owner.get();
}
}
}
styles.css:
.table-row-cell {
-fx-cell-size: 50px;
}