Question

Pages with tables creating problem in print? First page coming blank and content comes in print from 2nd page if pages are having <table>

and if table is long i want to print table heading on each print page also.

    body{
        font: 8pt/1.5 Arial, "Helvetica Neue", Helvetica, sans-serif;
        background: white;

    }

    #wrap-threeContainer, #wrap-twoContainer, #header {width: auto; 
        padding-top:1em;background:none}

    #wrap-threeCenterColContainer, 
    #wrap-twoRightColContainer {margin:0;padding:0;width:auto;float:none}
    h1 {color:#000}

    #globalWrapper{
        width: auto; 
        margin: 0 2%;
        padding: 0; 
        border: 0;
        float: none !important;
        color: black; 
        background: transparent;
        }

    #dataContainer, #introTextContainer, #wrap-threeContainer h1  {width:100%}

    #top-bar, #primarynavcontainer, #breadcrumbsContainer, 
#footer, #wrap-threeLeftColContainer, #wrap-threeRightColContainer, 
#bannerContainer, p.update, .adobe-reader-download,
 #wrap-twoLeftColContainer {visibility:hidden; display:none}


      tr, td, th {page-break-inside:avoid}
      thead {display:table-header-group}

    a {color:#000000}



    a:link, a:visited {
        color: #520;
        background: transparent;
        font-weight: bold;
        text-decoration: underline;
        }
    #content a:link:after, #content a:visited:after {
       content: " (" attr(href) ") ";
       font-size: 90%;
       }

    div#dataContainer {

        }

    #header #logoContainer {
    position:static;
    }

    #header {border-bottom:1px solid #333}

Answer 1

After all I solved this problem on my own. and sharing for other SO users , bcoz it can be helpful.

Wherever overflow:hidden was defined for layout’s div in my screen css I overided all instances to overflow:visible in print css. and problem solved.