Skip to content

pagedjs
pagedjs
Open
Opened by Sebastian Raffel@sebastianraffel
Report abuse New issue

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:

first ::before is lost

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
Edited by Sebastian Raffel