qt怎么可以随意设置自己想要的表格_Qt如何使用表格？（三）

缺乏、安全感 2023-01-08 06:23 63阅读 0赞

在上一篇中表格已经变得工整了不少，不过看上去还是太素了。在这个看脸的时代这是不行的。那怎么办呢？别担心,Qt最擅长就是干这个了。接下来就用Qt的样式表给表格上点颜色。

我们从表头开始，先给弄它弄个背景色，另外字体加粗以示区别。

table->setStyleSheet(QString( "QTableWidget

QHeaderView::section\{background:\#2a9ee4;font-weight:bold;\}"));

![Image 1][]

01

Qt使用setStyleSheet函数来设置部件的样式表。这里QHeaderView表示表头，section表示表头上层的可选中的区域，由于设置了最后一行拉伸，所以是看不到section下一层的界面。

现在看来表头是凸起的，而且也不够高，接着在设置。

table->setStyleSheet(QString("QTableWidget

QHeaderView::section\{background:\#2a9ee4;font-weight:bold;

border:none; height:35px; color:white;\}"));

![Image 1][]

02

这一步加了三个属性及对应的值，第一个border：none;去掉了section的边框。第二个height:35px，设置高度为35像素。顺便设置了第三个color:white设置文字的颜色为白色。 这样看上去舒服多了。接下来给表格也设置一些颜色:

table->setStyleSheet(QString("QTableWidget

QHeaderView::section\{background:\#2a9ee4;font-weight:bold;

border:none; height:35px; color:white;\}"

"QTableWidget\{gridline-color:\#2aaee4; color:\#888; border:none;\}"));

![Image 1][]

03

这一步给表格设置了三个属性及对应的值，第一个是gridline-color:\#2aaee4,设置网格线的颜色，\#2aaee4是用十六进制表示颜色的方法。第二个是color:\#888,设置文字的颜色，\#888相当于\#888888。最后一个是border:none去掉了表格边框，这样看起来更清爽一点了。

如果表格中的行数非常多的话，经常会看走眼了。所以我们要设置间隔行颜色不同以示区分。对于表格需要先开启间隔行背景色的功能，默认间隔行背景色是灰色的，我们可以在样式表中控制这个颜色。

table->setAlternatingRowColors(true); //开启间隔行颜色

"QTableWidget\{gridline-color:\#2aaee4; color:\#888; border:none;

alternate-background-color:lightblue;\}" //样式表

![Image 1][]

04

在样式表中使用alternate-background-color属性来控制间隔行的颜色。设置的是偶数行的颜色。如果想设置奇数行的颜色可以通过设置表格的背景颜色来实现。

[Image 1]:

发表评论取消回复

表情：

评论列表（有 0 条评论，63人围观）

还没有评论，来说两句吧...

相关阅读

相关【已解决】qt表格内容字体如何设置

本博文内容简短，主要讲解，qt表格内容字体如何设置。代码为:

朴灿烈づ我的快乐病毒、/ 2024年04月20日 04:19/ 0 赞/ 83 阅读

相关 Qt第五章：渲染表格

数据渲染 def handle_search(self): 获取数据 self.users = get_user

╰半夏微凉°/ 2024年04月07日 14:54/ 0 赞/ 126 阅读

相关 QT编写QTablewidget的表格代码

代码如下：导入 PyQT5 中的 QTableWidget 模块 from PyQt5.QtWidgets import QTableWidget, QT

素颜马尾好姑娘i/ 2024年03月23日 15:10/ 0 赞/ 118 阅读

相关 Qt高级控件讲解：使用QTableWidget表格小部件

Qt高级控件讲解：使用QTableWidget表格小部件在Qt中，QTableWidget是一个非常实用的控件，它可以方便地展示各种数据。下面我们来介绍一下如何使用QTab

桃扇骨/ 2024年03月23日 10:29/ 0 赞/ 100 阅读

相关 qt表格可修改不可修改(qt tableview修改表格内容)

QTableWidget是QT程序中常用的显示数据表格的控件.qt表格可修改不可修改. 不管是在金融app,还是医疗机械,还是智慧农业,QTableWidget无处不在.

左手的ㄟ右手/ 2023年09月24日 19:12/ 0 赞/ 76 阅读

相关 Qt表格视图-简单表格

> 使用QTableView创建一个简单的表格视图并填充一些数据显示。 ![main\_page.png][main_page.png] 完整代码 inclu

超、凢脫俗/ 2023年06月27日 12:47/ 0 赞/ 10 阅读

相关 qt怎么可以随意设置自己想要的表格_Qt如何使用表格？（三）

在上一篇中表格已经变得工整了不少，不过看上去还是太素了。在这个看脸的时代这是不行的。那怎么办呢？别担心,Qt最擅长就是干这个了。接下来就用Qt的样式表给表格上点颜色。我们从

缺乏、安全感/ 2023年01月08日 06:23/ 0 赞/ 64 阅读

相关 Qt QTableWidget表格导出为html表格

Qt QTableWidget表格导出为html表格一、简

╰+攻爆jí腚メ/ 2022年10月18日 01:51/ 0 赞/ 323 阅读

相关 android表格可以编辑,手机wps中如何编辑表格

我们可以在手机版本的wps中对表格进行编辑，但是习惯使用电脑的朋友可能不熟悉手机端wps怎么办？下面就让学习啦小编告诉你如何在手机wps中编辑表格的方法。在手机wps中编

深藏阁楼爱情的钟/ 2022年10月17日 11:26/ 0 赞/ 267 阅读

相关 html 设置表格打印宽度设置,html表格怎么设置宽度

![5268f80b9b1e01f982625ef6fac83ca1.png][] html表格设置宽度的方法：首先创建一个HTML示例文件；然后通过table创建一个表格；

左手的ㄟ右手/ 2022年10月09日 14:27/ 0 赞/ 270 阅读