[QSS美化实例4]Qt中利用qss样式化QTableView，QTreeView，QTableWidget等显示控件 - QTCN开发网

只看楼主倒序阅读楼主发表于: 2015-09-04

原文出自我的博客 http://www.hookr.cn/qt_qss_qtableview.html 欢迎大家访问交流
还是上回文章中提到的项目中，为了实现扁平化的现代APP样式应用界面，不得不把Qt开发的应用的每个控件的样式重写。QTableView控件是我找了很久才找到的如何样式化，现记录Qt中利用qss样式化QTableView，QTreeView，TableWidget等表格控件。
原来的TableView效果图：

这是应用样式之后，界面趋于扁平化的效果：

应用具体样式为，详细解释在注释中：

/*tablewidget 样式*/
QTableView , QTableWidget{
selection-background-color:#44c767;
background-color:white;/*整个表格的背景色，这里为白色*/
border:1px solid #E0DDDC;/*边框为1像素，灰色*/
gridline-color:lightgray;/*这个是表格的格子线的颜色，为亮灰*/
}
/*这里是表格表头样式*/
QHeaderView::section{
background-color:white;/*背景色白色*/
border:0px solid #E0DDDC;/*先把边框宽度设为0，即隐藏所有表头边框*/
border-bottom:1px solid #E0DDDC;/*然后只显示下边框，因为上边框和左右边框是整个Table的边框，都显示会有2px的边框宽度*/
height:20px;/*表头高度*/
}