适合 A4 尺寸的 html 表格

Question

我有一个带有宽表的 html 文件。我希望能够将其放入 A4 尺寸。超过 A4 大小的列应该在新表格的下方。

我尝试使用这个 @page 属性，但它没有改变任何东西，

 <style type="text/css">
    @page {    size: 21cm 29.7cm; margin: 30mm 45mm 30mm 45mm; }
</style>

是否有任何第三方 js 库可以自动执行此操作？ （表的大小是事先不知道的，用户上传数据生成表，所以列数不固定）。 {我的最终目标是将其打印为 pdf，但我无法使用 QT 中提供的 qprinter 实现此目的}

我在这里放了一个带有长表的 html 文件 - 链接。

提前致谢

原文由 clearScreen 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

表格无法在新行中拆分其列，您只能根据纸张宽度调整表格宽度。

A4 页面宽度 px 为 2480 像素 x 3508 像素。

所以你将表格的最大宽度设置为 2480px，这样它就不会超过纸张的大小。

让我们猜猜你的表id=“table”，那么你的风格应该是。

 <style>
  #table{
    max-width: 2480px;
    width:100%;
  }
  #table td{
    width: auto;
    overflow: hidden;
    word-wrap: break-word;
  }
</style>

原文由 Fawad Ali 发布，翻译遵循 CC BY-SA 3.0 许可协议