Question

我正在尝试优化数据表按钮pdfHtml5导出页面。表数据包含嵌套的html标记，这些标记在单元格数据的上方和下方创建了额外的空间，这使得PDF非常长。

我单元格中的文字包含在两个嵌套的beautifulsoup4-4.5.0和一个python 2.7中。在PDF导出中，我只需要<div>

的内容

<p>

我正在尝试使用exportOptions删除嵌套的html标记，但我不确定如何正确编写语法。任何人都可以帮我这个吗？

<p>

Answer 1

我终于发现问题不是嵌套div，而是而是标签在代码中缩进而不是在一行上。我已经向Datatables和我报告了这个问题我在这里记录问题，以防其他人遇到问题。

我建立在小提琴@davidkonrad的基础上，以说明正在发生的事情 https://jsfiddle.net/lbriquet/7f08n0qa/

在第一行中，嵌套标签在代码中缩进...这会在PDF导出中的国家/地区名称数据上方和下方产生额外空间。

在第二行中，我将所有标记放在同一行代码中......并且PDF导出中不会产生额外的间距。

<table id="example" width="100%" border="0" cellspacing="0" cellpadding="0" >
  <thead>
    <tr>
      <th>Name</th>
      <th>Position</th>
      <th>Office</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>
        <div class="myclass"><a href="#">Company name</a>
        </div>
      </td>
      <td>
        <div class="flagimg" style="background-image: url(#">
          <div class="flagtext">
            <p>Country name</p>
          </div>
        </div>
      </td>
      <td>
        <div class="myclass">Product sold</div>
      </td>
    </tr>
    <tr>
      <td>
        <div class="myclass"><a href="#">Company name</a>
        </div>
      </td>
      <td><div class="flagimg" style="background-image: url(#)"><div class="flagtext"><p>Country name</p></div></div>
      </td>
      <td>
        <div class="myclass">Product sold</div>
      </td>
    </tr>
  </tbody>
</table>

数据表按钮pdfHtml5 exportOptions删除嵌套标签

1 个答案: