CODEWITHSUNDEEP
javafxjavafx-8
Kevin
Kevin

Reputation: 1626

Javafx TableView in a ScrollPane

I'm having some issues with the Constrained Resize Policy for a TableView inside a ScrollPane. It seems as though the headings do not line up completely with its column. On scroll or resize the columns snap to their correct position.

I created a small example to demonstrate:

import java.util.ArrayList;

import javafx.application.Application;
import javafx.beans.property.SimpleStringProperty;
import javafx.beans.property.StringProperty;
import javafx.collections.FXCollections;
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.VBox;
import javafx.stage.Stage;

public class Test extends Application
{
    public static void main(String[] args) throws Exception
    {
        launch(args);
    }

    @Override
    public void start(Stage primarystage) throws Exception
    {
        // Create layout
        VBox root = new VBox();

        TableView<TableObject> table = new TableView<TableObject>();
        TableColumn<TableObject, String> col1 = new TableColumn<TableObject, String>("Column 1");
        TableColumn<TableObject, String> col2 = new TableColumn<TableObject, String>("Column 2");
        table.getColumns().addAll(col1, col2);

        col1.setCellValueFactory(new PropertyValueFactory<TableObject, String>("column1"));
        col2.setCellValueFactory(new PropertyValueFactory<TableObject, String>("column2"));
        table.setColumnResizePolicy(TableView.CONSTRAINED_RESIZE_POLICY);

        root.getChildren().add(table);

        ScrollPane scrollpane = new ScrollPane();
        scrollpane.setFitToWidth(true);
        scrollpane.setFitToHeight(true);
        scrollpane.setPrefSize(500, 200);
        scrollpane.setContent(root);

        // Create and show scene            
        Scene scene = new Scene(scrollpane);
        primarystage.setScene(scene);
        primarystage.show();

        // Populate table
        ArrayList<TableObject> data = new ArrayList<TableObject>();
        for (int i = 0; i < 20;)
        {
            TableObject entry = new TableObject(String.valueOf(i++), String.valueOf(i++));
            data.add(entry);
        }

        table.setItems(FXCollections.observableArrayList(data));
    }

    public class TableObject
    {
        private StringProperty column1;
        private StringProperty column2;

        public TableObject(String col1, String col2)
        {
            column1 = new SimpleStringProperty(col1);
            column2 = new SimpleStringProperty(col2);
        }

        public StringProperty column1Property()
        {
            return column1;
        }

        public StringProperty column2Property()
        {
            return column2;
        }
    }
}

The result is this:

Sample Screenshot

Is there perhaps something I am missing here?

Thanks

Upvotes: 4

Views: 7034

Answers (1)

Fiction
Fiction

Reputation: 1

just show the stage after setting table items:

stage.show();        
table.setItems(FXCollections.observableArrayList(data));

Upvotes: 0

Related Questions