css - template - Eliminar la línea de la cuadrícula en tableView

grid css responsive

Question

Estoy tratando de eliminar la línea de la cuadrícula dentro de la vista de tabla de cada celda usando css.

Por ejemplo, entre la columna Nombre y Descripción, hay una línea que asumí que es una línea de cuadrícula. No tengo idea de eliminarlo usando css. Puedo hacerlo en Java Swing usando setShowGrid (falso); pero esto no está disponible en javaFX.

Answer 1

Supongo que estás preguntando por JavaFX 2. Si no, te sugiero que actualices :)

Trata de poner esto en tu hoja de estilo:

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

O llamar

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

Para mantener las líneas horizontales, tuve que hacer lo siguiente

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

Probablemente haya una mejor manera de hacerlo, pero esto funcionó para mí ...

Answer 2

para eliminar la línea de la cuadrícula en la tablaVer lo que @kylejmcintyre dijo es cierto.

para ocultar el encabezado de la tabla, haga esto:

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