Question

我正在努力解决QT5问题。我正在尝试构建（然后在QPainter对象上绘制）一个HTML表。这是我的代码：

QTextDocument td;
QString table_style= QString("<style type=\"text/css\">"
                             ".tg  { table-layout: fixed; width: 200px; }"
                             ".tg td{padding-bottom: 5px;border-style:solid;border-width:0px;}"
                             ".tg .tg-3x1q{color: rgba(255, 255, 255, 0.5); text-align:right}"
                             ".tg .tg-6bqv{color: rgba(255, 255, 255, 0.5); padding-left: 5px;}"
                             "</style>");

QString table_html = QString(" <table width=\"500px\" class=\"tg\">"
                             "<tr>"
                               "<td class=\"tg-3x1q\" width=\"150px\">1</td>"
                               "<td class=\"tg-6bqv\" width=\"150px\"><sup>th</sup></td>"
                             "</tr>"
                             "<tr>"
                               "<td class=\"tg-3x1q\" width=\"150px\">2</td>"
                               "<td class=\"tg-6bqv\" width=\"150px\"><sup>rpm</sup></td>"
                             "</tr>"
                             "<tr>"
                               "<td class=\"tg-3x1q\" width=\"150px\">3</td>"                   
                               "<td class=\"tg-6bqv\" width=\"150px\"><sup>km/h</sup></td>"
                             "</tr>"
                             "</table>");

td.setDefaultStyleSheet(table_style);
td.setHtml(table_html);
td.drawContents(painter);

表格在画家中正确显示但是没有固定的列宽。为了达到这个目的，我几乎尝试了所有方法：

不支持设置table-layout: fixed，但不支持QT's docs（但宽度为！）
使用或不使用双引号设置width，相对或绝对
在每个单元格中插入具有固定宽度的div
尝试（按照此问题http://www.qtcentre.org/threads/31661-QTextDocument-style-CSS-does-not-work）添加样式与正文。喜欢这个
```
td.setHtml(table_style + table_html);
```

这些方法都不起作用。此外，如果我尝试添加一些空格来填充行，则在绘制表格后将它们修剪掉。我还读到我可以使用WebView来实现结果，但速度太慢了。我被卡住了，我希望有人可以帮助我解决这个问题。

Answer 1

QTextDocument不是任何标准HTML的渲染器。它实现了一个稍微不兼容的HTML和CSS子集。例如，不支持px后缀。所有尺寸均以像素为单位（不带后缀）或以百分比表示（后缀为%）。您可能希望尝试不带px后缀的宽度。

您只能依赖与其实现的标记相关的QTextDocument文档，而不能依赖于一般的HTML / CSS文档。

QTextDocument HTML表格宽度

1 个答案: