【Qt之QTableWidget和QTreeWidget】树悬停、选择样式及表格表头和首行间隔线

QTableWidget设置表头与首行间隔线

win10 实例化QTableWidget后，表格表头和首行中间无间隔线，以下是通过样式表进行设置：

   // 设置横向表格头的间隔线，可设置四个方向的间隔线,不需要间隔线的可以设置为0px
   // border-left:0px solid #E5E5E5：左边框线宽、左边框样式、左边框颜色
   ui->tableWidget->horizontalHeader()->setStyleSheet(
               "QHeaderView::section{"
               "border-left:0px solid #E5E5E5;"
               "border-top:0px solid #E5E5E5;"
               "border-right:0.5px solid #E5E5E5;"
               "border-bottom:0.5px solid #E5E5E5;"
               "background-color:white;"
               "padding:4px;"
               "}"
               );

   // 设置纵向表格头的间隔线，可设置四个方向的间隔线,不需要间隔线的可以设置为0px，顺序为左、上、右、下
   ui->tableWidget->verticalHeader()->setStyleSheet(
               "QHeaderView::section{"
               "border-width:0 0.5 0.5 0;"
               "border-style:solid;"
               "border-color:#e5e5e5;"
               "background-color:white;"
               "padding:2px;"
               "}"
               );

   // 设置列表左上角表格项的边框线
   ui->tableWidget->setStyleSheet(
               "QTableCornerButton::section{"
               "border-left:0px solid #E5E5E5;"
               "border-top:0px solid #E5E5E5;"
               "border-right:0.5px solid #E5E5E5;"
               "border-bottom: 0.5px solid #E5E5E5;"
               "background-color:white;"
               "}"
               );
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

默认

效果

QTreeWidget设置根节点与子节点有连线

#include 

setStyle(QStyleFactory::create("windows"));
1
2
3

默认

效果

QTreeWidget设置悬停、选择样式

    ui->treeWidget->setStyleSheet("QTreeView::branch::hover{background-color:red;} "
    "QTreeView::item::hover{background-color:blue;} "
    "QTreeView::branch::selected{background-color:green;} "
   "QTreeView::item::selected{background-color:green;} ");
   
1
2
3
4
5

默认

效果