Remove grid line in tableView

问题

I am trying to remove the grid line inside table view of each cell using css.

For example, between the Name and Description column, there is a line which I assumed that it is grid line. I have no idea to remove it using css. I can do it in Java Swing using setShowGrid(false); but this does not available in javaFX.

回答1:

I assume you're asking about JavaFX 2. If not, I suggest you upgrade :)

Try putting this in your stylesheet:

.table-view {
  -fx-table-cell-border-color: transparent;
}

Or call

tableObject.setStyle("-fx-table-cell-border-color: transparent;")

In order to keep horizontal lines, I had to do the following

.table-view .table-row-cell {
  -fx-border-width: 1;
}

There's probably a better way to do this, but this worked for me...

回答2:

to remove grid line in tableView what @kylejmcintyre said is true.

to hide the table header do this:

.column-header-background { visibility: hidden; -fx-padding: -1em; }

来源：https://stackoverflow.com/questions/17403875/remove-grid-line-in-tableview