Remove grid line in tableView


Question

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

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
4
7/18/2013 10:06:27 PM

Accepted Answer

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...

12
7/18/2013 9:49:51 PM

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; }

Licensed under: CC-BY-SA with attribution
Not affiliated with: Stack Overflow
Icon