I've set a global page break rule for tables to avoid page breaks inside:
table { page-break-inside: avoid; }
And I have specific table, carrying a unique ID, for which I would like to allow it to break, so my stylesheet also reads:
table#some-id { page-break-inside: auto; }
However, the IDed table is not overriding the less specific page break rule, even if I add !important. This specific table is longer than a page and is preceded by a smaller table. Instead of breaking so that it fills the previous page, there is a page break before the large table, leaving lots of white space after the previous smaller table.
table { page-break-inside: avoid; }
And I have specific table, carrying a unique ID, for which I would like to allow it to break, so my stylesheet also reads:
table#some-id { page-break-inside: auto; }
However, the IDed table is not overriding the less specific page break rule, even if I add !important. This specific table is longer than a page and is preceded by a smaller table. Instead of breaking so that it fills the previous page, there is a page break before the large table, leaving lots of white space after the previous smaller table.