Adding a "continued" indicator when a table is split

To indicate that a table continues across pages, use running elements in CSS. Here's how:

  1. Create headerMarker and footerMarker classes for running elements.
  2. Create getHeaderMarker and getFooterMarker classes.
  3. Insert Continuation Markers:
    • Add an empty div with the class headerMarker at the table start.
    • Add a tr with the class getHeaderMarker in the thead.
    • Add a tr with the class getFooterMarker in the tfoot.
  4. Add Content and Markers in tbody:
    • Place div elements with headerMarker and footerMarker classes in relevant cells.
Product type Item Item Details
...........continued
continued...........
Product type 1 		Item A Item A Details 0
Item A Details 1
Item A Details 2
Item A Details 3
Item A Details 4
Item A Details 5
Item A Details 6
Item A Details 7
Item A Details 8
Product type 2 Item B Item B Details 0
Item B Details 1
Item B Details 2
Item B Details 3
Item B Details 4
Item B Details 5
Item B Details 6
Item B Details 7