Page-Break-inside property is not working in chrome

Question

I have a long table data, which having many of the rows and nested tables. When I am printing this data then the rows of the table and nested tables are just break on the pa

Answer 1

Instead of putting the page-break-inside:avoid; on you table's tr, try applying it on the table directly like this:

table {
    page-break-inside:avoid;
    position:relative;
}

also add this media query:

@media print {
   table {
        page-break-inside:avoid;
        position:relative;
    }
}

Answer 2

This did the trick for me it turned out to be the body css:

body{
    height: auto!important;
    float: none!important;
}