JavaFX TableView l'alignement du texte

JavaFX TableView l'alignement du texte

Comme vous pouvez le voir sur l'image, l'alignement du texte pour chaque colonne est définie à l'alignement à gauche. Est-il possible de modifier cela? Jusqu'à présent, j'ai essayé dans mon fichier CSS:

#Cols{
    text-align: right;
}

J'ai aussi essayé:

#Cols{
    -fx-text-alignment: right;
}

Personne ne sait comment je peux modifier l'alignement à droite?

  • est-il un ID ou une CLASSE ? Vous pouvez également essayer de text-align: right !important;
  • devrait être un id, j'ai utilisé l': col.setId("Cols");
InformationsquelleAutor Marc Rasmussen | 2012-11-19
  1. 67

    L'alignement de toutes les colonnes de la table:

    À partir de JavaFX-8, vous pouvez utiliser nouvellement défini sélecteur CSS table-column,

    #my-table .table-column {
  -fx-alignment: CENTER-RIGHT;
}

    JavaFX-2,
    Pour atteindre cet définir un sélecteur CSS:

    #my-table .table-cell {
    -fx-alignment: CENTER-RIGHT;
     /* The rest is from caspian.css */

    -fx-skin: "com.sun.javafx.scene.control.skin.TableCellSkin";
    -fx-padding: 0.166667em; /* 2px, plus border adds 1px */

    -fx-background-color: transparent;
    -fx-border-color: transparent -fx-table-cell-border-color transparent transparent;
    -fx-border-width: 0.083333em; /* 1 */
    -fx-cell-size: 2.0em; /* 24 */
    -fx-text-fill: -fx-text-inner-color;
}

    et de définir l'identifiant de la tableview.

    tableView.setId("my-table");

    L'alignement de la seule colonne de table:

    À partir de JavaFX-8, vous pouvez appliquer le style directement à TableColumn,

    firstTextCol.setStyle( "-fx-alignment: CENTER-RIGHT;");

    ou avec css,

    firstTextCol.getStyleClass().add( "custom-align");

    où

    .custom-align { 
  -fx-alignment: center-right; 
}

    JavaFX-2,

    Pour appliquer différents alignements de colonnes différentes, vous devez définir la cellule de l'usine pour cette colonne. Par exemple, supposons que la 1ère colonne de votre tableau doit être aligné à gauche, tandis que d'autres colonnes de l'utilisation de la table de l'alignement par défaut (CENTER-RIGHT dans votre cas).

    firstTextCol.setCellFactory(new Callback<TableColumn, TableCell>() {
            public TableCell call(TableColumn p) {
                TableCell cell = new TableCell<Person, String>() {
                    @Override
                    public void updateItem(String item, boolean empty) {
                        super.updateItem(item, empty);
                        setText(empty ? null : getString());
                        setGraphic(null);
                    }

                    private String getString() {
                        return getItem() == null ? "" : getItem().toString();
                    }
                };

                cell.setStyle("-fx-alignment: CENTER-LEFT;");
                return cell;
            }
        });
    • malheureusement, cela n'a pas changer :S
    • mis à jour.
    • Cela a fonctionné! comment je vais faire en sorte que la légende (le test de mon image) ne bouge pas?
    • mis à jour.
    • Pas fonctionnel avec une cellule modifiable
    InformationsquelleAutor Uluk Biy
  2. 5

    Même ce est de deux ans, voici une autre réponse. Pour chaque colonne de la table existe un style css par défaut de la classe .table-column, donc si vous voulez changer l'ensemble des colonnes de la table pour justifier centre droit, il est seulement nécessaire de mettre cela dans une feuille de style ou de style en ligne:

    .table-column {
  -fx-alignment: CENTER_RIGHT;
}

    et si vous avez une colonne qui devrait être aligné dans une autre manière, comme un en-tête de ligne, pas de problème, joindre une id à cette colonne comme rowHeading et à écrire dans votre feuille de style ou de style en ligne:

    #rowHeading {
  -fx-alignment: CENTER_LEFT;
}

    et ce devrait être centré. Pas besoin de gros de codage.

    InformationsquelleAutor NwDev
  3. 4

    J'ai utilisé

    cell.setAlignment(Pos.CENTER_RIGHT);

    au lieu de

    cell.setStyle("-fx-alignment: CENTER-LEFT;");

    Mais si il y a le CSS pour ce qui je ne peux pas mettre fx:id sur une colonne, puis mettre l'alignement dans un fichier CSS? C'est beaucoup de code ci-dessus juste pour définir l'alignement de la colonne.

    InformationsquelleAutor user2233433
  4. 3

    Une solution rapide est de sélectionner la colonne dans la SceneBuilder, et il suffit d'ajouter la propriété dans le champ style

    JavaFX TableView l'alignement du texte

    • Mon Ami, mais ce n'est pas de travail
    InformationsquelleAutor sbjorng
  5. 1

    j'ai essayé et ça marche

    @FXML private TableColumn<BookingData,String>colClientMobile;

//Some code
colClientMobile.setCellFactory(new Callback<TableColumn<BookingData, String>, TableCell<BookingData, String>>() {
        @Override
        public TableCell<BookingData, String> call(TableColumn<BookingData, String> param) {
            return new TableCellFormat();
        }
    });

private class TableCellFormat extends TableCell<BookingData, String>{
    @Override
    protected void updateItem(String item, boolean empty) {
        super.updateItem(item, empty); 
        this.setText(item);
        this.setAlignment(Pos.CENTER_RIGHT);
    }
}
    • Si j'essaie d'utiliser ce code avec un modifiable colonne, il ne fonctionne pas. Soit l'édition des œuvres ou alighment. Pouvez-vous veuillez donner un exemple de code pour avoir modifiable colonne avec le texte aligné à la pos.CENTER_RIGHT
    InformationsquelleAutor Francis