Qt常用样式表-QTableWidget/QTableView

最新推荐文章于 2026-04-18 11:04:13 发布
原创 最新推荐文章于 2026-04-18 11:04:13 发布 · 1.2k 阅读 · 6 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
收录于
QT

当前文章被收录于：

QT
27 篇文章 0 人学习
订阅专栏 查看详情
qss

当前文章被收录于：

qss
13 篇文章 0 人学习
订阅专栏 查看详情
该文描述了如何使用Qt中的QTableWidget和QTableView进行界面设计，详细定义了表头和表格单元格的样式，包括背景色、边框、字体大小和颜色，以及选中状态的显示效果，旨在实现专业且美观的表格布局。

表格QTableWidget/QTableView/

/* 表头 */

QHeaderView::section

{

background:#F7F8F9;

color:#555555;

border-right:1px solid rgb(229,230,231);

border-top:1px solid rgb(229,230,231);

border-bottom:1px solid rgb(229,230,231);

padding-left:5px;

height:48px;

font-size:14px;

}

QHeaderView::section:first /* 第一列 */

{

border-left:none;

}

QHeaderView::section:last /* 最后一列 */

{

border-right:none;

}

/* 表 */

QTableWidget{

border:1px solid rgb(229,230,231);

border-left:none;

border-right:none;

color:#222222;

}

QTableWidget::item{

height:40px;

border:none;

border-bottom:1px solid rgb(229,230,231);

border-right:1px solid rgb(229,230,231);

padding-left:0px;

}

QTableWidget::item:selected{

background:rgb(205,232,255);

color:#222222;

}

/* 左上角拐点按钮 */

QTableCornerButton::section{

background-color:white;

}

标签
#前端 #qt
QSS实践汇总（4）——QTableWidget、QTableView样式（风格）
m0_51668269的博客
11-10 5098
一、 QHeaderView设置不生效 使用QApplication设置styleSheet QStringstrQss; QFilefile; QStringstrDirPath= QApplication::applicationDirPath(); //strPath = QString(":/qss/Resources/CarMonAnaSystemNew.qss"); QStringstrPath= strDirPath+ QString("/../temp/tes...
QTableView常用设置
weixin_45001971的博客
04-20 5198
QTableView常用设置
从 QTableWidget 到 QTableView：你的表格控件选对了吗？一个实战项目带你对比选择
最新发布
weixin_42519781的博客
04-18 367
本文通过学生信息管理系统实战案例，对比Qt框架中QTableWidget和QTableView在事件处理、性能优化和代码架构方面的差异。重点分析QTableView的双击事件处理机制和性能优势，帮助开发者在不同场景下做出更合适的表格控件选择。
QTableView如何设置显示风格？
程序猿视角
01-11 1661
QTableView 控件本身没有直接的显示风格设置。然而，您可以通过使用样式表来自定义 QTableView 的外观，以实现不同的显示风格。您可以根据自己的需求，使用这些属性来设置 QTableView 的样式。在上述示例中，我们使用样式表来设置 QTableView 的背景颜色和文本颜色。还使用了伪状态类 “QTableView::item:selected” 和 “QTableView::item:alternate” 来分别设置选中单元格和交替行的背景颜色。
Qt数据库表样式
qq_41219817的博客
01-29 592
/QTableView 左上角样式/ QTableView QTableCornerButton::section { /* background: red; border: 2px outset red;*/ color: red; background-color: rgb(64, 64, 64); border: 5px solid #f6f7fa; border-radius:0px; border-color: rgb(64, 64, 64); } QTableView { color: whi
QTableView设置样式表/选中行颜色， QTableView美化
热门推荐
qq_53201472的博客
04-05 1万+
/行自适应宽度 tableWidget->verticalHeader()->setResizeMode(QHeaderView::Stretch);value常用参数：NoEditTriggers--不能对表格内容进行修改CurrentChanged--任何时候都能对单元格修改DoubleClicked--双击单元格SelectedClicked--单击已选中的内容 AnyKeyPressed--按下任意键就能修改。
QT 常见控件样式表（QPushButton、QRadioButton、QCheckBox、QScrollBar、QTableView、QTableWidget、QComboBox、QSlider）
m0_67254672的博客
04-30 1万+
background-image:设置背景图片（根据图片大小） border-image:设置背景图片（根据控件大小） background-color:设置背景颜色 border-color:设置边框颜色 color:设置字体颜色 border:设置边框 例:border:1px solid red; border-radius:设置边框圆角 /*左上 右上 右下 左下*/ border-top-left-radius:设置单个圆角 font：设置字体 text-align: 设置
QTableView/QTableWidget设置单元格文字边距
最爱大太阳丶的博客
10-20 5548
QTableView/QTableWidget单元格设置文字 由于项目要求，需要设置Tree行的间距，在网上搜索发现大多数都是用的样式表 QTreeView::item{ padding:10px; } 或者 QTreeView::item{ margin:10px; } 但是在使用中发现这个样式只能修改行高，无法修改间距。 所以查看Qt帮助文档，发现有QTreeView有drawRow接口，尝试重写该函数，发现能够实现间距调整 void SettingTree::drawRow(QPainter
【QT】QTableView使用
weixin_44623642的博客
06-29 4709
QTableView是表格数据的可视化界面，负责展示和编辑数据。QStyledItemDelegate是连接视图和模型的桥梁，负责绘制和编辑表格单元格的内容。QStandardItemModel是数据的存储和管理者，负责提供数据给QTableView进行展示。这三个组件相互配合，共同实现了Qt框架中强大的表格数据展示和编辑功能。
QT各种控件常用样式表qss示例
野生猿-群号1025127672
07-11 3910
如上图所示，表头的文字区域，变成了颜色更深的深绿色，这是因为这个区域的颜色，实际上是3层颜色的叠加：QTableView整体的绿色+QHeadView表头整体的黑色半透明+section表头文字区域黑色半透明。这个控件比较复杂，里面包含了滑动条、表头（又细分为内容区/空白区）、表格、整体、左上角按钮等多种不同的元素，他们之间有复杂的叠层关系。下面设置表头背景色，黑色，半透明，透明度为50。发现这个绿色背景并没有作用于整体，表头部分仍然为白色，那是因为表头在顶层，遮住了QTableView的绿色背景。
QTableWidget/QTableView使用总结
TiredWind的博客
10-29 3800
常用属性 // 禁止表格编辑 tableWidget->setEditTriggers(QAbstractItemView::NoEditTriggers); // 设置表格选择模式 tableWidget->setSelectionBehavior(); QAbstractItemView.SelectItems QAbstractItemView.SelectRows QAbstractItemView.SelectColumns tableWidget->setSelecti
面试题：QTableView和QTableWidget的异同
红军不怕远征难，万水千山只等闲
05-10 1404
QTableView和QTableWidget是Qt中用于展示表格数据的两种控件。QTableView基于模型-视图架构，需配合QAbstractTableModel使用，适合处理大量数据和复杂场景，具有高性能、高度可定制化和丰富的交互支持。QTableWidget继承自QTableView，内置数据模型，适合快速开发小规模、静态数据的表格应用，API简单易用。QTableView在处理大量数据时性能更佳，支持自定义模型和高级功能，而QTableWidget适合数据量较小且固定的场景。实际开发中，优先推荐使
qt-qss之QTableWidget样式表
kbq的博客
02-06 4694
记录，每次调整表格样式都找半天程序，记录下来qt5.7window or linux样式1：效果： qss：
Qss美化QTableView( QTablewidget)
weixin_43435307的博客
01-08 4856
QHeaderView { background:transparent; //表头背景颜色 } QHeaderView::section { font-size:17px; font-family:"Microsoft YaHei"; color:#FFFFF...
超详细的QSS样式表入门Demo
mahuifa的博客
07-08 1万+
超详细的Qss样式表练习Demo，为了效果明显有些样式进行了夸张，所以不一定好看，但一定会很清晰; 包含了常用控件的Qss样式；
QTableWidget、QTableView样式表参考
左霖风的博客
12-18 9082
//无数据部分表头 QHeaderView{ border: none; border-bottom: 3px solid rgb(0, 160, 230); background: rgb(57, 58, 60); min-height: 30px; } //有数据部分水平表头 QHeaderView::section:horiz...
QT样式表
yezishuang的博客
07-27 190
1.概念讲解 https://www.cnblogs.com/lsgxeva/p/7816938.html 2.属性大全 https://blog.csdn.net/chenyijun/article/details/79766029
[QT笔记]QTableView与QTableWidget表头设置技巧与实战对比
weixin_28040125的博客
03-17 122
本文详细解析了QT框架中QTableView与QTableWidget的表头设置技巧与实战对比。通过setHorizontalHeaderLabels等核心方法，介绍了两种控件的表头基础设置、高级样式定制及性能优化建议，帮助开发者根据项目需求选择合适的表格控件方案。
QT控件样式表
u012830675的博客
12-24 433
QT控件样式表表格 QTableWidget 表格 QTableWidget //水平表头首圆弧 QHeaderView::section:horizontal:first{ border-top-left-radius: 8px; border-bottom-left-radius: 8px; } //水平表头尾圆弧 QHeaderView::section:horizontal:las...
qt qtableview 样式表设置单元格_Qt 自定义委托
weixin_39628070的博客
12-07 1166
自定义委托好久没有来写文章了，由于家里面宽带断了，所以一直没能更新，今天现在写上一篇。还是继续前面的内容。前面我们分三次把自定义 model 说完了，其实主要还是那三个实例。在 model/view 架构中，与 model 同等重要的就是 view。我们知道，在经典的 MVC 模型中，view 用于向用户展示 model 的数据。但是，Qt 提供的不是 MVC 三层架构，而是一个 mod...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值