Question

我想在tableview的所有上方应用css，下面的照片显示了我要应用css的部分（“Estado”列旁边的部分）

这是我的css：

.table-view{
   -fx-background-color: transparent;
}

.table-view:focused{
    -fx-background-color: transparent;
}

.table-view .column-header-background{
    -fx-background-color: linear-gradient(#101010 0%, #424141 100%);
}

.table-view .column-header-background .label{
    -fx-background-color: transparent;
    -fx-text-fill: white;
}

.table-view .column-header {
    -fx-background-color: transparent;
}

.table-view .table-cell{
    -fx-text-fill: white;
}

.table-row-cell{
    -fx-background-color: -fx-table-cell-border-color, #616161;
    -fx-background-insets: 0, 0 0 1 0;
    -fx-padding: 0.0em; 
}

.table-row-cell:odd{
    -fx-background-color: -fx-table-cell-border-color, #424242;
    -fx-background-insets: 0, 0 0 1 0;
    -fx-padding: 0.0em;
}

.table-row-cell:selected {
    -fx-background-color: #005797;
    -fx-background-insets: 0;
    -fx-background-radius: 1;
}

该部分是白色的，因为它不是我的tableview的列，所以我想知道如何在表中的空部分（没有列）中应用CSS。

FXML代码：

<?xml version="1.0" encoding="UTF-8"?>

<?import java.lang.*?>
<?import java.util.*?>
<?import javafx.scene.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>

<HBox prefHeight="300.0" prefWidth="773.0" 
      stylesheets="/iftorrent/gui/menuPrincipal/MenuPrincipalCSS.css" 
      xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1" 
      fx:controller="iftorrent.gui.menuPrincipal.MenuPrincipalControlador">
    <children>
        <TableView fx:id="tabela" prefWidth="773.0">
            <columns>
                <TableColumn fx:id="numero" prefWidth="35.0" text="Nº " />
                <TableColumn fx:id="nome" prefWidth="183.0" text="Nome" />
                <TableColumn fx:id="tamanho" prefWidth="76.0" text="Tamanho" />
                <TableColumn fx:id="velocidade" prefWidth="76.0" text="Velocidade" />
                <TableColumn fx:id="tempo_estimado" prefWidth="120.0" text="Tempo Estimado" />
                <TableColumn fx:id="estado" prefWidth="283.0" text="Estado" />
                <TableColumn fx:id="progresso" prefWidth="283.0" text="Progresso" /> 
            </columns>
        </TableView>
    </children>
</HBox>

Answer 1

您正在寻找$ ./letters letters.dat内的.filler。添加此规则：

.column-header-background

作为参考，您可以使用JavaFX CSS Reference，或使用SceneBuilder中内置的CSS Analyzer工具。

CSS和JavaFX - TableView中的CSS

1 个答案: