itext7 HTML 到 PDF 忽略列宽

Question

我正在使用 iText7 的 pdfHtml 插件将 HTML table 转换为 PDF。但是我无法让它遵守定义的列宽。

我正在使用 HtmlConverter.ConvertToDocument 将我的 HTML 转换为 PDF。

这是我的 table:

table {
  border-collapse: collapse;
}

table,
td,
th {
  border: 1px solid black;
}

.gray-header {
  background-color: lightgray;
}

<table style="table-layout: fixed; width: 700px;">
  <thead>
    <tr class="gray-header">
      <th rowspan="2" style="width: 50px;">A</th>
      <th rowspan="2" style="width: 250px;">B</th>
      <th colspan="4" style="width: 400px;">COLSPAN</th>
    </tr>
    <tr class="gray-header">
      <th>C</th>
      <th>D</th>
      <th>E</th>
      <th>F</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>A</td>
      <td>B</td>
      <td>C</td>
      <td>D</td>
      <td>F</td>
      <td>G</td>
    </tr>
  </tbody>
</table>

这是PDFtable中的

A 列和 B 列的宽度相同。 B 应该比 A 大 5 倍。

Answer 1

解决方法是在位于 <colgroup>:

的 <col> 标记中指定列宽定义

<table style="table-layout: fixed; width: 700px;">
  <colgroup>
    <col style="width: 50px;"/>
    <col style="width: 250px;"/>
    <col/>
    <col/>
    <col/>
    <col/>
  </colgroup>
  <thead>
  <tr class="gray-header">
    <th rowspan="2">A</th>
    <th rowspan="2">B</th>
    <th colspan="4">COLSPAN</th>
  </tr>
  <tr class="gray-header">
    <th>C</th>
    <th>D</th>
    <th>E</th>
    <th>F</th>
  </tr>
  </thead>
  <tbody>
  <tr>
    <td>A</td>
    <td>B</td>
    <td>C</td>
    <td>D</td>
    <td>F</td>
    <td>G</td>
  </tr>
  </tbody>
</table>

上述 table 结构的可视化 PDF 结果：

itext7 HTML 到 PDF 忽略列宽

itext7 HTML to PDF ignores column widths

html

c#

pdf

itext

itext7