a) You need to create 10 tables.
b) Do every table in separate div.
c) Add as header for example a separate table to every "table-div", do same for footer (maybe you want to set pagenumber; if all header/footer are the same you could also use the same elements for all pages).
d) Give footer a css-classname, e.g. "footer", with the attribute/value: "page-break-after: always;"
remark: With javascript you could do it without a preview-site. Without javascript you need to create a preview.
link:
w3schools[
^]