打印适合页面的 html 表格


Printing html tables that fit to page

所以我有一个从数据库生成多个表的报告,并按"所有者"对它们进行分组,为每个"所有者"创建一个新表。 它使用 Angular/PHP/Js 动态地执行此操作。

在打印预览中,我希望每个表都有自己的页面(表格不应该真正超过页面的长度),所以我向每个表格添加了分页符值。

我现在的问题是桌子被切断了。我可以选择景观,但不幸的是它们是长桌,仍然被切断。

  • 我正在寻找一种解决方案,以便在以下情况下调整表格大小打印出来。

  • 这是被切断的桌子的示例

我已经在这里搜索了谷歌和w3,寻找一种重新调整表格大小以适应打印预览的方法,但到目前为止还没有运气。

建议?

您可以为此使用媒体查询。 定位@print并进行一些试验和错误,以使其在打印预览中查看时正确显示。 我假设你还没有这样做。

https://css-tricks.com/css-media-queries/