Split tables: css content with counters in td::before is lost in the first row with SemanticUI
Hi :)
In tables that are styled with SemanticUI and split into pages, css contents that use a counter() text are lost in the first row:
Example: https://jsfiddle.net/mcdqwkxu/
#mytable td::before {
content: "Figure " counter(countFigures) " - ";
}
Workarounds:
- don't use SemanticUI
- use e.g.
#myTable td a::before { content: "Figure " counter(countFigures) " - " }
(not td directly, something inside of it) -
Emulate css media type: print
occasionally (usually the first occurrence) fixes this