不要随意留空白单元格

表格数据空白处的优雅填充

表格有时会有一些单元格是没有数据的。要避免简单地让这 些地方空白,相反,可以在里面填一个标记、图标或者破折号。

这个简洁的表格使用了三个破折号来表示里面的数据是空白 的。这样比简单地留空白看起来效果更好。

#include <QApplication> #include <QMainWindow> #include <QTableView> #include <QStandardItemModel> #include <QStandardItem> #include <QHeaderView> #include <QHBoxLayout> #include <QWidget> int main(int argc, char *argv[]) { QApplication app(argc, argv); // 创建主窗口 QMainWindow mainWindow; QWidget *centralWidget = new QWidget(&mainWindow); QHBoxLayout *layout = new QHBoxLayout(centralWidget); // 创建模型 (22行 = 20数据行 + 2表头行,15列) QStandardItemModel *model = new QStandardItemModel(22, 15, centralWidget); // 设置二级表头数据 // 第一行表头(组合标题) model->setItem(0, 7, new QStandardItem("第一组")); model->setItem(0, 10, new QStandardItem("第二组")); // 第二行表头(各列标题) for (int col = 0; col < 15; ++col) { QString header = QString("列%1").arg(col + 1); model->setItem(1, col, new QStandardItem(header)); } // 设置数据行内容 for (int row = 2; row < 22; ++row) { for (int col = 0; col < 15; ++col) { QStandardItem *item = new QStandardItem( QString("R%1C%2").arg(row-1).arg(col+1) ); model->setItem(row, col, item); } } // 创建表格视图 QTableView *tableView = new QTableView(); tableView->setModel(model); // 隐藏默认表头 tableView->horizontalHeader()->setVisible(false); tableView->verticalHeader()->setVisible(false); // 合并表头单元格 tableView->setSpan(0, 7, 1, 3); // 第一组 (8-10列) tableView->setSpan(0, 10, 1, 3); // 第二组 (11-13列) // 设置统一的行高(25像素) const int rowHeight = 25; for (int row = 0; row < 22; ++row) { tableView->setRowHeight(row, rowHeight); } // 设置表头样式 for (int col = 0; col < 15; ++col) { if (model->item(0, col)) { model->item(0, col)->setTextAlignment(Qt::AlignCenter); model->item(0, col)->setBackground(QBrush(QColor(200, 220, 255))); } if (model->item(1, col)) { model->item(1, col)->setTextAlignment(Qt::AlignCenter); model->item(1, col)->setBackground(QBrush(QColor(230, 240, 255))); } } // 设置固定大小 tableView->setFixedSize(900, 550); // 设置列宽 for (int col = 0; col < 15; ++col) { tableView->setColumnWidth(col, 60); } // 添加到布局 layout->addWidget(tableView); centralWidget->setLayout(layout); mainWindow.setCentralWidget(centralWidget); mainWindow.setWindowTitle("统一行高的多级表头表格"); mainWindow.resize(920, 600); mainWindow.show(); return app.exec(); } 上面的程序的基础上,0-7,14-15没有两级表头的列,不用分开为两行,合并为一行就行,给完整出程序与效果图
08-13
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值