qt QTableView/QTableWidget样式设置

转载请注明出处:http://www.cnblogs.com/dachen408/p/7591409.html

选中设置:

QTableView::item:selected
{
	background:rgb(0,0,100);
	color:white;
}

表头设置:

QHeaderView::section:first
{
    border-image: url(:/images/expand/tempUser_headBg2.png);
    height: 30px;
	font: 11pt "微软雅黑";
}

QHeaderView::section:middle
{
    border-image: url(:/images/expand/tempUser_headBg2.png);
    height: 30px;
    font: 11pt "微软雅黑";
}

QHeaderView::section:last
{
    border-image: url(:/images/expand/tempUser_headBg4.png);
    height: 30px;
    font: 11pt "微软雅黑";
}

滚动条设置:

QScrollBar:vertical {
	border: 0px;
	background:rgba(255,255,255,0);
	border-image:url(:/images/scrollbar/vertical_scrollBg.png);
	width: 22px;
	margin: 22px 0  22px 0;
}

QScrollBar::handle:vertical {
     border-image:url(:/images/scrollbar/vertical_slide.png);
	width:22px;
min-height:50px;
max-height:200px;
 }

QScrollBar::handle:vertical:hover {
	border-image: url(:/images/scrollbar/vertical_slide_hover.png);
	 width:22px;
min-height:50px;
max-height:200px;
 }

QScrollBar::handle:horizontal:hover {
	border-image: url(:/images/scrollbar/slide.png);
	 width:22px;
min-height:35px;
 }

QScrollBar::handle:vertical:hover {
     border-image:url(:/images/scrollbar/vertical_slide_hover.png);
	width:22px;
 }

 QScrollBar::add-line:vertical {
     border-image:url(:/images/scrollbar/vertical_down.png);
     height: 22px;
     subcontrol-position: bottom;
     subcontrol-origin: margin;

 }
 QScrollBar::add-line:vertical:pressed{
     border-image:url(:/images/scrollbar/vertical_down_down.png);
     height: 22px;
     subcontrol-position: bottom;
     subcontrol-origin: margin;

 }
 QScrollBar::sub-line:vertical {
      border-image:url(:/images/scrollbar/vertical_up.png);
     height:22px;
     subcontrol-position: top;
     subcontrol-origin: margin;
 }
 QScrollBar::sub-line:vertical:pressed {
      border-image:url(:/images/scrollbar/vertical_up_down.png);
     height: 22px;
     subcontrol-position: top;
     subcontrol-origin: margin;
 }
QScrollBar::add-page:vertical, QScrollBar::sub-page:vertical {
     background: none;
 }

QScrollBar:horizontal {
	border: 0px;
	background:rgba(255,255,255,0);
	border-image:url(:/images/scrollbar/scrollBg.png);
	height: 22px;
	margin: 0 22px 0  22px;
}

QScrollBar::handle:horizontal {
     border-image:url(:/images/scrollbar/slide.png);
	height:22px;
 }

QScrollBar::handle:vertical:hover {
     border-image:url(:/images/scrollbar/vertical_slide_hover.png);
	width:22px;
 }

 QScrollBar::add-line:horizontal {
     border-image:url(:/images/scrollbar/down.png);
     width: 22px;
     subcontrol-position: right;
     subcontrol-origin: margin;

 }
 QScrollBar::add-line:horizontal:pressed{
     border-image:url(:/images/scrollbar/down_down.png);
     width: 22px;
     subcontrol-position: right;
     subcontrol-origin: margin;

 }
 QScrollBar::sub-line:horizontal {
      border-image:url(:/images/scrollbar/up.png);
     width:22px;
     subcontrol-position: left;
     subcontrol-origin: margin;
 }
 QScrollBar::sub-line:horizontal:pressed {
      border-image:url(:/images/scrollbar/up_down.png);
     width: 22px;
     subcontrol-position: left;
     subcontrol-origin: margin;
 }
QScrollBar::add-page:horizontal, QScrollBar::sub-page:horizontal {
     background: none;
 }

行之间颜色渐变(alternaingRowColors必须设置为true):

QTableView
{
	background-color: rgb(255, 255, 255);
	alternate-background-color:#F2F8FF;
}

  

时间: 2024-11-11 03:11:15

qt QTableView/QTableWidget样式设置的相关文章

QListWidget与QTableWidget的使用以及样式设置

QListWidget和QTableWidget的使用和属性,QTableWidget和QListWidget样式表的设置,滚动条的样式设置 一.QListWidget的使用 //一.QListWidget list_widget = new QListWidget(); //list_widget->resize(200,300); list_widget->setFixedWidth(300); //设置item图标大小 list_widget->setIconSize(QSize(

qt QTableView 的使用(嵌入QCheckobox,为某一单元格设置颜色,单击,双击,右键菜单QMenu)

QTableView 的使用 设置 example_model =new ExampleModel;(自定义的数据层model) QStringList headerList; headerList <<"名字"<<"序号"<<"性别"<<"年龄"<<"成绩"; example_model->setHorizontalHeaderLabels

QT QTableView用法小结

QTableView常用于实现数据的表格显示.下面我们如何按步骤实现学生信息表格: 一 添加表头 1 //准备数据模型 2 QStandardItemModel *student_model = new QStandardItemModel(); 3 student_model->setHorizontalHeaderItem(0, new QStandardItem(QObject::tr("Name"))); 4 student_model->setHorizontal

转载:QT QTableView用法小结

出自: http://blog.chinaunix.net/uid-20382483-id-3518513.html QTableView常用于实现数据的表格显示.下面我们如何按步骤实现学生信息表格: 一 添加表头 //准备数据模型     QStandardItemModel *student_model = new QStandardItemModel();     student_model->setHorizontalHeaderItem(0, new QStandardItem(QOb

Qt控件样式之QSS

QSS常用于Qt的控件样式美化,合理地使用Qss可以完成在不改动代码的情况下改变Qt界面的样式. 官方提供的例子: http://qt-project.org/doc/qt-4.8/stylesheet-examples.html 这个是官方提供的例子,只有qt-4.8的,目前Qt最新版本是Qt5.4,但似乎在qss这块没有较大的更新,同时有关帮助手册可以在Qt Assistant中寻找. 在这个Qt Style Sheets Reference中有QSS所支持的所有属性.状态,QSS是参照CS

Qt QtableView使用

1 ui->setupUi(this); 2 ui->mainToolBar->hide(); 3 4 tableView = new QTableView(this); 5 6 7 // 设置表头 8 QStandardItemModel *studentModel = new QStandardItemModel(); 9 studentModel->setHorizontalHeaderItem(0, new QStandardItem(tr("姓名"))

placeholder的样式设置

在input框中有时想将输入的字和placeholder设为不同的颜色或其它效果,这时就可以用以下代码来对placeholder进行样式设置了. ::-webkit-input-placeholder{}    /* 使用webkit内核的浏览器 */ :-moz-placeholder{}                  /* Firefox版本4-18 */ ::-moz-placeholder{}                  /* Firefox版本19+ */ :-ms-inpu

HTML+CSS样式设置——CSS一学就会

HTML+CSS样式设置 CSS:(Cascading Style Sheets)层叠样式设置表. 网页的展示效果跟其排版有很大的关系.排版则主要依靠CSS来设置.调节. 下面说CSS与HTML的联合使用的过程: (1)新建CSS文件(一般放在与HTML文件同一路径下的css文件夹中) (2)在HTML的<head>标签中,用<link />对CSS进行引用 <link rel="stylesheet" type="text/css" 

各种CSS样式设置细线边框

基础知识回顾 : cellspacing:单元格与单元格之间的边距:cellpadding:单元格内的内容与单元格边沿的边距 简单实用的样式,设置所有的单元格为细线效果 <style type="text/css"> #tab1{ border-collapse:collapse;} #tab1 td{ border:1px solid #000000;} </style> <table width = "640px" id = &qu