避免在Firefox中使用<tr>元素分页符（JavaScript？）

Question

反正有，使用JavaScript或CSS来防止在Firefox中使用<tr>元素的分页符？我假设自FF仍然不支持page-break-inside，这必须在JavaScript中完成，但不知道如何去做。我们所有的用户都使用具有固定边距尺寸的相同类型的打印机。

谢谢！

Answer 1

您可以使用JS检测单元格的高度，当总和超过您所猜测的页面大小时，style =“page-break-after：always”。只要确保留下一些保证金，以避免只有一行的页面。

你可以做的另一件事是添加一个额外的列。在此列中的每个单元格中放置一个包含空白图像的img元素（间隔符）。使用JS来给每个图像的单元格的高度（和1px的宽度）。 Firefox似乎避免剪切图像，因此会在新页面上显示该行。

请注意，屏幕上单元的高度可能与打印时的高度不同。在屏幕上，桌子可能比一张纸更宽。