How to style a table in QTextEdit

[JonB]

@HenkCoder said in How to style a table in QTextEdit:

Hello, I didn't find anywhere that code, I just wrote that because in all of the other style sheet that I've used the syntax was like this but I don't knoe.

That's not a very good start. If you don't know whether the selector works it doesn't matter what you write inside it.

Apart from the fact that Qt documents what subset it uses, what CSS /"all of the other style sheet that I've used" uses the : where you do? (Other than a few pseudo-selectors like a:link, which is quite different from your case.)

[HenkCoder]

@mchinand

    //Setting up the TextEdit
    QString fontName{obj["font"].toObject()["family"].toString()};
    int fontSize{obj["font"].toObject()["pointSize"].toInt()};
    ui->tabWidget->addTab(new TextEdit(), QString("New Document " + QString::number(ui->tabWidget->count() + 1)));
    ui->tabWidget->setCurrentIndex(ui->tabWidget->count() - 1);
    TextEdit *edit{getTabTextEdit()};
    edit->setGeometry(0,0,ui->tabWidget->width() - 3, ui->tabWidget->height() - 59);
    edit->setTabStopDistance(32);
    edit->setFocus();
    if(foreRed + foreGreen + foreBlue != 0)
        edit->setTextColor(QColor(foreRed, foreGreen, foreBlue));
    if(backRed + backGreen + backBlue != 765)
        edit->setTextBackgroundColor(QColor(backRed, backGreen, backBlue));
    edit->setFontPointSize(fontSize);
    edit->document()->setDefaultStyleSheet("QTextDocument:table{width: 100%; border-collapse: collapse;}");
    edit->setFontFamily(fontName);
    ui->fontComboBox->setCurrentFont(QFont(fontName));
    ui->fontsize->setValue(fontSize);
    QObject::connect(edit, &TextEdit::textChanged, this, &MainWindow::edit_changed);
    QObject::connect(edit, &TextEdit::cursorPositionChanged, this, &MainWindow::cursorPosChanged);

Do you want the full constructor code?

[HenkCoder]

@JonB
My bad sorry, I used a few times :: for example in the tabWidget one.
QTabWidget::tab I tried again with that but it still doesn't work.

[mchinand]

Where's your table? Did you see this comment regarding the defaultStyleSheet?

"Note: Changing the default style sheet does not have any effect to the existing content of the document."

[HenkCoder]

@mchinand
I have a button that asks lets you create a table.

Is this the problem?

[JonB]

@HenkCoder
Have you tried plain setDefaultStyleSheet/setStylesheet("table{width: 100%; border-collapse: collapse;}") on something?

[HenkCoder]

@JonB
Sorry, I didn't understand what do you mean.

[mchinand]

Try just creating a table statically in code first to figure out how to get the stylesheet working.

[HenkCoder]

@mchinand
Ok.

[SGaist]

Hi,

I think you are mixing two very different things here:

• Qt Style Sheet for customizing widgets
• QTextDocument Rich Text support shown through QTextEdit.

What you want to do is handled by the later. See the Rich Text chapter in Qt's documentation.

[HenkCoder]

@SGaist Hello,
So, I got the border collapse working by doing this:

TextEdit *edit{getTabTextEdit()};
    QTextTableFormat format;
    format.setBorderCollapse(true);
    edit->textCursor().insertTable(lineNum, columnNum, format);

But I don't know how to set the table's width to change when the textedit's width changes and I don't know how to put its width to 100% as CSS does.

[SGaist]

If memory serves well, something like:

format.setWidth(QTextLength(QTextLength::PercentageLength, 100));

[HenkCoder]

@SGaist Yes! This was right!
Thank you so much, but I have one last question, sorry about that.
When I create the table it's like this:

but then when I type something in a cell the line separing the different cells adapts to the text. How do I avoid that?

I just wanted to expand the table to the TextEdit's width not also this feature.

[SGaist]

So you want the column to all take the same percentage of space ?

[HenkCoder]

This post is deleted!

[HenkCoder]

@SGaist Yes, but in the way that they are distribuited, for example if I have 3 columns each one will be 33% but I don't want that they adapt with the text.

[SGaist]

Then QTextTableFormat::setColumnWidthConstraints looks like what you want.

[HenkCoder]

@SGaist And how do I do that? I tried to search online but I didn't find any solution that may help me, because they are reguarding QTableView.
I also checked the documentation but it doesn't explain much and I still don't know how to use it.
Thanks in advance.

[SGaist]

QTextLength oneThird = QTextLength(QTextLength::PercentageLength, 33);
QVector<QTextLength> constraints(3, oneThird);
format.setColumnWidthConstraints(constraints);

[HenkCoder]

@SGaist This was the right solution! Thank you so much!