How to style a table in QTextEdit

[JonB]

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

QTextEdit:table{border-collapse: collapse;}

QTextDocument:table{width: 100%; border-collapse: collapse}

You may know more than I, but where did you get that QTextEdit:table (or QTextDocument:table) syntax from?

[mchinand]

Can you share a minimal full project that has your current code for applying a stylesheet to a QTextDocument?

[HenkCoder]

@mchinand I can't find any, that's the problem, I tried to apply that style sheet with my knowledge in CSS

[HenkCoder]

@JonB
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.

[mchinand]

I meant your current code. Post it here. Not just the single line calling setDefaultStyleSheet().

[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!