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;/*垂直滚动条 上一页、下一页按钮背景 颜色颜色*/
}

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;/*水平滚动条 上一页、下一页按钮背景 颜色颜色*/
}

4、背景颜色

QTableView
{background-color:#396E74;color:#04ECEC;
}

5、item选中样式

QTableView::item:selected{color:#ffffff;
background:#03EBEB;
}

6、item悬浮样式

QTableView::item:hover{color:#ffffff;
background:#03EBEB;
}

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
}

QTableView样式设置相关推荐

qml tableview 滚动条加宽_qt qtableview 样式设置
转载请注明出处:http://www.cnblogs.com/dachen408/p/7531159.html 1.设置tableview的列宽时,必须先setModel再setColumnWidge ...
placeholder的样式设置
在input框中有时想将输入的字和placeholder设为不同的颜色或其它效果,这时就可以用以下代码来对placeholder进行样式设置了. input::-webkit-input-placeh ...
SVG基本形状及样式设置
前面的话图形分为位图和矢量图.位图是基于颜色的描述,是由像素点组成的图像:而矢量图是基于数学矢量的描述,是由几何图元组成的图像,与分辨率无关.可缩放矢量图形,即SVG,是W3C XML的分支语言之一 ...
Qt Creator指定代码样式设置
Qt Creator指定代码样式设置指定代码样式设置指定代码样式设置 Qt Creator使用文件的MIME类型来确定用于打开文件的模式和编辑器.Qt Creator在C ++代码编辑器中以&qu ...
Pandas 表格样式设置指南，看这一篇就够了！
源自/Python数据之道最近这些年,Python在数据分析以及人工智能领域是越来越火. 这离不开pandas.numpy.sklearn.TensorFlow.PyTorch等数据科学包,尤其是 ...
滚动条颜色样式设置说明
方案一: css样式详细介绍,网页滚动条样式设置各条语句含义如下: Crollbar-Face-color:滚动条页面颜色设定: Scrollbar-Highlight-Color:滚动条斜面和左面 ...
css 修改placeholder颜色 , placeholder的样式设置
在input框中有时想将输入的字和placeholder设为不同的颜色或其它效果,这时就可以用以下代码来对placeholder进行样式设置了. ::-webkit-input-placeholder ...
元素的样式设置元素类样式的操作开关灯效果获取兄弟元素当前元素的兄弟元素样式
元素的样式设置 <!DOCTYPE html> <html lang="en"> <head><meta charset="UT ...
验证用户输入的是不是中文名字淘宝精品案例元素样式设置的方式链式编程
验证用户输入的是不是中文名字 <!DOCTYPE html> <html lang="en"> <head><meta charset=& ...
DataFrame表样式设置(二)
总第138篇/张俊红在DataFrame样式表设置的第一节DataFrame表样式设置(一)中我们讲了字体相关的一些设置,这一节我们讲一下,对齐方式.数字显示.条件格式相关的一些设置. 1.对齐方式 ...

QTableView样式设置

QTableView样式设置相关推荐

最新文章

热门文章