Избегайте разрывов страниц в элементах <tr>в Firefox (JavaScript?)

Question

Есть ли в любом случае использование JavaScript или CSS для предотвращения разрывов страниц внутри элементов <tr> в Firefox?Я предполагаю, что FF все еще не поддерживает page-break-inside, что это должно быть сделано в JavaScript, но не знаю, как это сделатьВсе наши пользователи используют принтер одного типа с фиксированным размером полей.

Спасибо!

Answer 1

Вы можете использовать JS для определения высоты ячеек, и когда сумма больше, чем вы думаете, размер страницы, и style = "page-break-after: всегда". Просто убедитесь, что вы оставили некоторое поле, чтобы избежать страниц с одной строкой.

Еще одна вещь, которую вы можете сделать, это добавить дополнительный столбец. В каждую ячейку в этом столбце поместите элемент img, содержащий пустое изображение (spacer). Используйте JS, чтобы дать каждому изображению высоту ячейки (и ширину 1px). Firefox, кажется, не обрезает изображения, поэтому будет отображать строку на новой странице.

Обратите внимание, что высота ячейки на экране может отличаться от того, когда она печатается. На экране стол может быть шире, чем лист бумаги.