QT学习笔记——QTabelWidget样式设计

@[TOC]1. 表头样式

ui->tabelWidget->setStyleSheet{"QHeaderView{ background:black;}"}
// 整个表头区域背景色

ui->tableWidget->setStyleSheet("QTableCornerButton::section{background:white;}"); 
 //穿透第一行

垂直表头单独设计：

ui->tableWidget->verticalHeader()->setStyleSheet("QHeaderView::section{width:49px;"  //表头单个单元格宽度
                                     "background:black;"  //表头背景颜色
                                     "font-size:12px;"  //表头字体大小
                                     "font-family:"宋体";" // 字体类型
                                     "color:red;"  //字体颜色
                                     "text-align:left;}"  //文字对齐方式
                                     );

横向表头设计与垂直表头设计类似：

ui->tableWidget->horizontalHeader()->setStyleSheet("QHeaderView::section{width:49px;background:black}");

@[TOC]2. 滚动条样式

垂直滚动条（横向滚动条只需要把vertical对应换成horizontal就可以了）样式：

 ui->tableWidget->verticalScrollBar()->setStyleSheet("QScrollBar:vertical{background:black;width: 12px;"
                                                                            "padding-top:10px;padding-bottom:10px;}"  //上下预留位置（放置箭头）
                                                        "QScrollBar::handle:vertical{background:white;min-height:100px;border-radius:6px;}" //滑块样式：颜色、大小、圆角大小（默认是方角）
                                                        "QScrollBar::add-page:vertical{background:black;}"   //滑块下边滚动条颜色
                                                        "QScrollBar::sub-page:vertical{background:black;}"   //滑块上边滚动条颜色
                                                        "QScrollBar::add-line:vertical{background:white;}"   //向下箭头样式
                                                        "QScrollBar::sub-line:vertical{background:white;}");   //向上箭头样式，也可放图片【background:url(图片路径) center no-repeat;}】

@[TOC]3. 表头与表格文字颜色不同

   在设计师界面右击控件选择改变样式表，首先在样式表里将所有字体color改变成
   颜色1，再使用上述表头设计将表头颜色改成颜色2，效果如下图所示。