how to set tableview horizontal header different stylesheet in qt creator

[learn_Qt]

Hi all ,
I want change different stylesheet for each header, how to do this ? I taken qtableView,

[JonB]

@learn_Qt
I don't believe Qt stylesheet lets you address individual columns/cells.

[Axel Spoerl]

@JonB is right (as usual). You can set different stylesheets for normal and focus items, but not for each individual item. You could craft that into a custom item model.

[learn_Qt]

thanks @JonB and @Axel-Spoerl , what is the way do custom item model. example plz .

[JonB]

@learn_Qt
Assuming you wish to make individual columns look different from one another. Override the QAbstractItemModel::data() and/or QAbstractItemModel::headerData() methods in your derived model class to produce varying appearance roles on a per column basis. Potentially see also QHeaderView or QStyledItemDelegate depending on your requirements.

[learn_Qt]

@JonB
thanks for reply, actually I'm looking for my tableview header (Only horizontal header) has different background color as u can in pic.

[SGaist]

Hi,

You can re-implement the headerData method to return that information.
You will likely have to use a custom QHeaderView in order to make use of the custom color.

[learn_Qt]

@SGaist
thanks replay , could you please elaborate a bit more.

[Bonnie]

@learn_Qt What kind of item model are you using to display your tableview?
I think you should overrideheaderData() as @JonB said.

[learn_Qt]

@Bonnie , I'm using tableview.

[jsulm]

@learn_Qt The question was what model you're using for your view...

[learn_Qt]

@jsulm QStandardItemModel

QStandardItemModel *modelTableView = new QStandardItemModel();

[Bonnie]

@learn_Qt If you are using QStandardItemModel, then your headers should be QStandardItems, right?
You should be able to call QStandardItem::setBackground() on them to set the background color for each one.

[Added]: I found there's something related to the style. The windows style seems to ignore the background role returned by the headerData() (which will return the color set by setBackground() in this case).
So if you are on Windows you'll need to either switch style to fushion (which is much more simple as my example code below), or write your own custom proxy style.

//change the style of the whole tableview
ui->tableView->setStyle(QStyleFactory::create("fusion"));

or

//only change the style of the headerviews
auto fusion = QStyleFactory::create("fusion");
ui->tableView->horizontalHeader()->setStyle(fusion);
ui->tableView->verticalHeader()->setStyle(fusion);

[learn_Qt]

@Bonnie thank for reply
I'm shearing my code snippet thought code I got above 1st posted pic result. could let me know what to do for 2nd posted result.

QStandardItemModel *mode = new QStandardItemModel();
//number of column
mode->setColumnCount(12);
//number of row
mode->setRowCount(12);
QString styleSheet = "::section {" // "QHeaderView::section {"
        "background-color: white;"
        "border-radius: 20px;"
        "border: 3px solid #498fd0;"
        "font-size: 20px;"
        "text-align: center;"
        "font: bold;"
        "}";
ui->tableView->horizontalHeader()->setStyleSheet(styleSheet);    
ui->tableView->verticalHeader()->setVisible(false);
ui->tableView->horizontalHeader()->setSectionResizeMode(QHeaderView::Stretch);
mode->setHeaderData(0, Qt::Horizontal, ("1"));
mode->setHeaderData(1, Qt::Horizontal, ("2"));
mode->setHeaderData(2, Qt::Horizontal, ("3"));
mode->setHeaderData(3, Qt::Horizontal, ("4"));
mode->setHeaderData(4, Qt::Horizontal, ("5"));
mode->setHeaderData(5, Qt::Horizontal, ("6"));
mode->setHeaderData(6, Qt::Horizontal, ("7"));
mode->setHeaderData(7, Qt::Horizontal, ("8"));
for(int i = 0; i < MAX_ROW_COUNT; i++)
{
    for(int j = 0; j < MAX_COLUMN_COUNT; j++)
    {
        mode->setData(mode->index(i, j), " ");
        mode->setData(mode->index(i, j), Qt::AlignCenter, Qt::TextAlignmentRole);
        mode->setData(mode->index(i, j), QFont("Arial", 10, QFont::Bold), Qt::FontRole);
    }
}

[Bonnie]

@learn_Qt Unfortunately my solution is conflict with stylesheet, as far as I can see, you can't have different header bgcolors if you use stylesheet to set the header bg/border.
So If you remove these 3 lines from your style sheet
"background-color: white;"
"border-radius: 20px;"
"border: 3px solid #498fd0;"
Then you could have colorful headers by adding the below code:

mode->setHeaderData(0, Qt::Horizontal, QColor("red"), Qt::BackgroundRole);
mode->setHeaderData(1, Qt::Horizontal, QColor("green"), Qt::BackgroundRole);
mode->setHeaderData(2, Qt::Horizontal, QColor("blue"), Qt::BackgroundRole);

auto headerStyle = ui->tableView->horizontalHeader()->style();
if(headerStyle->inherits("QWindowsStyle")) {
    headerStyle = QStyleFactory::create("fusion");
    headerStyle->setParent(this);
    ui->tableView->horizontalHeader()->setStyle(headerStyle);
}

[JonB]

@learn_Qt
As @Bonnie has said, your stylesheet was not just setting border, it was setting colors too. Qt always makes stylesheet rules override coded styles.

I don't know whether @Bonnie tried it, but you might be able to keep your border non-color stuff:

        "border-radius: 20px;"
        "border: 3px solid;"

Try his first to make sure that works, then see whether you could add in above without losing your color stuff.

[learn_Qt]

@Bonnie thanks reply, It's code snippet working. But how can we add background-color, border-radius, border into header in that.

[JonB]

@learn_Qt
Did you even try adding back in, say, the "border-radius: 20px;" I suggested you try? Or not?

[Bonnie]

@learn_Qt I already said: as far as I can see, you can't.
If you have less than three columns, you can set them individually by :first, :middle, :last pseudo states in stylesheet. But if more, there seems nothing can help.

[learn_Qt]

@JonB I try that but it's not working.