html - 将固定的 HTML 表格转换为相关表格 - 保持尺寸

标签 html css pdf html-table

我正在从事一个基于 HTML 和 CSS 创建 PDF 文件的元素。我们正在使用 Antenna House Formatter 生成 PDF 文件。 HTML 文件从内容管理系统中导出。不幸的是,我们在 PDF 文件(技术文档)中使用了很多表格。在内容管理系统中,我们只能给表格列固定宽度。导出的 HTML 表格如下所示:

<table data-ait-rows="4" data-ait-cols="3" data-ait-width="4818" style="width:85mm;">
  <tr style="height:5.9mm;" data-ait-rowheight="333">
    <td data-ait-width="850" data-ait-bordercolors="65793" style="width:15mm;border-width:0pt;border-color:#010101;">
      <p class="basestyle" data-ait-style_id="8092" data-ait-stylename="Base style" data-ait-rs="0" data-ait-list="4" data-ait-level="1" data-ait-format="">Signalwort</p>
    </td>
    <td data-ait-width="1984" data-ait-bordercolors="65793" style="width:35mm;border-width:0pt;border-color:#010101;">
      <p class="basestyle" data-ait-style_id="8092" data-ait-stylename="Base style" data-ait-rs="0" data-ait-list="4" data-ait-level="1" data-ait-format="">Eintrittswahrscheinlichkeit</p>
    </td>
    <td data-ait-width="1984" data-ait-bordercolors="65793" style="width:35mm;border-width:0pt;border-color:#010101;">
      <p class="basestyle" data-ait-style_id="8092" data-ait-stylename="Base style" data-ait-rs="0" data-ait-list="4" data-ait-level="1" data-ait-format="">Schwere der Gefahr bei Missachtung</p>
    </td>
  </tr>
  ...
</table>

是否可以在保持尺寸的情况下将表格的固定宽度(85mm)和固定列宽(15mm/35mm/35mm)转换为百分比值? 技术作家在内容管理系统中设置每次拖放的表格宽度。这些值取入 HTML 文件。目的是按百分比自动转换它们的设置比例。

我以为我不久前读到过这种方法,但经过几个小时的搜索后我找不到任何东西......如果有人有想法请告诉我!

最佳答案

在尝试了不同的方法后,这似乎很容易。对于我的用例,以下解决方案工作正常:

table {table-layout: auto !important;}
td {width: auto ! important;}
tr {width: auto ! important;}

关于html - 将固定的 HTML 表格转换为相关表格 - 保持尺寸,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38856529/

相关文章:

javascript - Angular js 中的自定义指令未设置属性

jquery - 在任何屏幕尺寸下将 div 向右浮动,边距向右

javascript - 我可以将 offsetHeight 分配给 style.top 吗?

html - html 对象标签的滚动位置

php - 如何生成PDF并保存到服务器

asp.net - 如何判断用户的浏览器是否可以查看PDF文件

html - div 内的表溢出

javascript - jQuery动画向左滑动​​没有文字换行

javascript - 使用菜单移动内容

javascript - 如何使用 CSS/JS 在 Web 上居中裁剪图像