#StackBounty: #php #html #css #html5 Set default header for each page by css?

Bounty: 100

I working with my project for printing some documents.There I met some problem in set header for each print pages ! I want to print the html table that have so many tr ,its separated to two pages when print.Therefore,I want to set thead as header element for each print page.So help me !!

<style type="text/css">
table {
  border: 1px solid #eee;
  width: 100%;
  color : green;
}
th,td {
    border: 1px solid red;
    width: 50px;
    height: 50px;
}
@media print {
body * {visibility: hidden;}
#printable * {visibility: visible;}
#printable th {

    top: 0;
}
}
</style>
Print Example
Name Salary Phone
David 3828 83939
Jone 39393 0202022
Smith 39000383929 0101010101
Sheee 3483939 111111
David 3828 83939
David 3828 83939
David 3828 83939
David 3828 83939
Jone 39393 0202022
Smith 39000383929 0101010101
Jone 39393 0202022
Smith 39000383929 0101010101
Jone 39393 0202022
Smith 39000383929 0101010101
Jone 39393 0202022
Smith 39000383929 0101010101
Jone 39393 0202022
Smith 39000383929 0101010101

Here I also want thead to page 2 when print.(Running on Chrome)

enter image description here


Get this bounty!!!

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.