I'm currently dealing with an html report that contains a table, which can be seen here
http://jsfiddle.net/fhwoo3rg/2/embedded/result/
The issue arises when trying to print the report, as it breaks in the middle of a table row like this:
https://i.sstatic.net/XPWQC.png
I've attempted to address this problem by using the following code snippet:
@media print
{
tr
{
position:relative;
page-break-inside:avoid;
page-break-after:auto;
}
}
Unfortunately, this solution hasn't worked so far. Can anyone provide guidance on how to prevent the page break from occurring in the middle of a row specifically during printing?
For reference, I am working with Chrome version 46.