在 qtextdocument table 中边框没有渲染，为什么？

Question

我正在使用 Qtextdocument 生成报告，我以编程方式准备了一个 table 字符串作为 html 字符串，但是当我渲染它时，边框没有显示（图 2）

在浏览器中我得到（图1）

但在我的 Qt 应用程序中我得到了（图 2）

这里是字符串示例：

<html>
<head>
<style>
table, th, td { white-space: nowrap; border: 1px solid black; border-collapse: collapse; padding: 2px 4px; text-align: center;}
</style>
</head>
 <body>
  <table width="100%">
  <colgroup span="2" style="border: 2px solid black;">
  <colgroup span="7" style="border: 2px solid black;">
  <colgroup span="7" style="border: 2px solid black;">
  <colgroup span="9" style="border: 2px solid black;">
  <colgroup span="8" style="border: 2px solid black;">
  <colgroup span="1" style="border: 2px solid black;">
    <tr> 
     <td colspan="2" > <img src="Log1.png" width="192" height="86"/></td> 
     <td colspan="31" > Title line1<br/>line2</td> 
     <td> <img src="Log2.png" width="86" height="86" /> </td> 
    </tr>
<tr>
  <td>Month:</td><td>june-19</td><td>01</td><td>02</td><td>03</td><td>04</td><td>05</td><td>06</td><td>07</td><td>08</td><td>09</td><td>10</td><td>11</td><td>12</td><td>13</td><td>14</td><td>15</td><td>16</td><td>17</td><td>18</td><td>19</td><td>20</td><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td><td>26</td><td>27</td><td>28</td><td>29</td><td>30</td><td>31</td><td>Total</td>
 </tr>

 <tr>
  <td colspan="2">col span 2</td><td colspan="7">col span 7</td><td colspan="7">col span 7</td><td colspan="9">col span 9</td><td colspan="8">col span 8</td>
 </tr>
 <tr style="border:2px solid black;">
  <td colspan="34">long line sub title</td>
 </tr>
 <tr>
  <td rowspan="3">item1</td>
  <td>item1.1</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td></td><td></td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>29</td>
 <tr>
  <td>item1.2</td><td></td><td></td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>29</td>
 </tr>
 <tr style="border-bottom:2px solid black;">
  <td>item1.3</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>31</td>
 </tr>     
  <tr>
  <td rowspan="2">item2</td>
  <td>item2.1</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>31</td>
 <tr  style="border-bottom:2px solid black;">
  <td>item2.2</td><td>X</td><td></td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td></td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td></td><td>28</td>
 </tr>
 <tr>
  <td> item3</td>
  <td>item3.1</td><td>X</td><td>X</td><td>X</td><td>X</td><td></td><td></td><td></td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>X</td><td>28</td>
 </tr>
</table>
 </body>
</html>

Answer 1

与其使用使用 QTextDocument 和 QLineEdit 的 half-backed 方法，不如使用 half-backed 方法，这似乎只支持 HTML 的一个子集，您应该采用 full-blown 方法如果符合您的要求，请使用 QWebEngineView。

如果您的要求只是创建报告，用户不应在 QLineEdit 中编辑该报告，您绝对应该 QWebEngineView 尝试一下。我用它在各种应用程序中创建报告，PDF 格式的打印选项绝对是一项优势。

以下对我有用并且很好地绘制了边界：

#include <QApplication>
#include <QWebEngineView>
#include <QIODevice>
#include <QFile>

int main(int argc, char** args) {
    QApplication app(argc, args);
    QFile file("./data/test.html");
    file.open(QIODevice::ReadOnly);
    QString content=QString::fromStdString(file.readAll().toStdString());
    auto webView = new QWebEngineView;
    webView->setHtml(content);
    webView->show();
    QObject::connect(&app, &QApplication::aboutToQuit, [&webView]()
        {
            webView->deleteLater(); // Prevents crash
        });
    app.exec();
}

在 qtextdocument table 中边框没有渲染，为什么？

in qtextdocument table border not rendred, why?

qt

qtextdocument