css - JavaFX: treetableview の展開矢印を行の内容に合わせます

Question

以下は私のTreeTableViewです。ご覧のとおり、レベルを展開して折りたたむための矢印は、データと一致していません。

それらを一列に並べたい。しかし、それを行う方法がわかりません。css で次の方法を試しましたが、どれも機能しません。

.tree-table-row-cell .arrow {
    -fx-alignment: CENTER;
    -fx-mark-color:red;
}
.tree-table-row-cell .arrow-button {
    -fx-alignment: CENTER;
    -fx-mark-color:blue;
}

.tree-table-cell .arrow {
    -fx-alignment: CENTER;
    -fx-mark-color:yellow;
}
.tree-table-cell .arrow-button {
    -fx-alignment: CENTER;
    -fx-mark-color:green;
} 
.tree-table-cell > .arrow-button >.arrow{
   -fx-alignment: CENTER;
   -fx-mark-color:purple;
}
.tree-table-row-cell > .arrow-button >.arrow{
   -fx-alignment: CENTER;
   -fx-mark-color:grey;
}

どうすればこれを達成できるか、誰にも分かりますか?