QTableView样式设置

1、原始样子

2、垂直滚动条

下面展示一些 内联代码片。

QScrollBar:vertical{
width:16px;
background-color:#396E74;/*垂直滚动条 背景 颜色*/
margin:1px;
border:1px solid #ffffff;/*边框颜色*/
padding-top:10px;
padding-bottom:10px;
}
QScrollBar::sub-line:vertical{
height:11px;
width:11px;
margin-top:2px;
subcontrol-position:top;
subcontrol-origin:margin;
border-image:url(:/add_top_green.png);
}
QScrollBar::add-line:vertical{
height:11px;
width:11px;
margin-bottom:2px;
subcontrol-position:bottom;
subcontrol-origin:margin;
border-image:url(:/add_bottom_green.png);
}
QScrollBar::handle:vertical{
width:15px;
background:#41cad8;/*垂直滚动条 滚轮 颜色*/
}
QScrollBar::handle:vertical:hover{
width:15px;
background:#04ECEC;/*垂直滚动条 滚轮悬浮 颜色*/
}
QScrollBar::add-page:vertical,QScrollBar::sub-page:vertical{
width:15px;
background:#396E74;/*垂直滚动条 上一页、下一页按钮背景 颜色颜色*/
}
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
35
36

3、水平滚动条

下面展示一些 内联代码片。

QScrollBar:horizontal{
height:16px;
background-color:#396E74;/*水平滚动条 背景 颜色*/
margin:1px;
border:1px solid #ffffff;/*边框颜色*/
padding-left:10px;
padding-right:10px;
}
QScrollBar::sub-line:horizontal{
height:11px;
width:11px;
margin-top:2px;
subcontrol-position:left;
subcontrol-origin:margin;
border-image:url(:/add_left_green.png);
}
QScrollBar::add-line:horizontal{
height:11px;
width:11px;
margin-bottom:2px;
subcontrol-position:right;
subcontrol-origin:margin;
border-image:url(:/add_right_green.png);
}
QScrollBar::handle:horizontal{
width:15px;
background:#41cad8;/*水平滚动条 滚轮 颜色*/
}
QScrollBar::handle:horizontal:hover{
width:15px;
background:#04ECEC;/*水平滚动条 滚轮悬浮 颜色*/
}
QScrollBar::add-page:horizontal,QScrollBar::sub-page:horizontal{
width:15px;
background:#396E74;/*水平滚动条 上一页、下一页按钮背景 颜色颜色*/
}
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
35
36

4、背景颜色

QTableView
{
    background-color:#396E74;
    color:#04ECEC;
}
1
2
3
4
5

5、item选中样式

QTableView::item:selected{
color:#ffffff;
background:#03EBEB;
}
1
2
3
4

6、item悬浮样式

QTableView::item:hover{
color:#ffffff;
background:#03EBEB;
}
1
2
3
4

7、表头样式

QHeaderView {
     color: white;
     font: bold 10pt;
     background-color: #396E74;/*设置表头空白区域背景色*/
     min-height:29px;
}
QHeaderView::section,QTableCornerButton:section{
padding:3px;
margin:0px;
color:#03EBEB;
border:1px solid #C2CCD8;
border-left-width:0px;
border-right-width:1px;
border-top-width:0px;
border-bottom-width:1px;
background:#396E74
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17