在每页上打印标题-代码不起作用

Question

我正在尝试在每个打印的页面上打印标题， 我已经尝试了独立的代码，并且效果很好， 但是当在下面的上下文中抛出时，它仅打印在第一页上 sample report showing header on first page only。

我在做什么错了？

    //css style sheet

        <style> 
            @media screen {
                .only_print{
                    display:none;
                }

            }
            @media print {
                .no-print {
                    display: none !important;
                }

            }

        </style>

        <cfoutput>

        <p id="arr1" ></p>
        //below script generates the table wth header tag into <p> arr1


        <script type="text/javascript">
         function disptbl()
            { 
            var str1=localStorage.getItem('schedule');
        var p=localStorage.getItem('payno');
            var str='';
            var result = str1.split(',');

            //create table using thead and tbody

             str += ' <table width="92%" align="center">';
             str += '<thead>';
             str += '<tr class="only_print">';
             str += '<td colspan="3" align="center"> <h2><b>Data For #url.txtl#</b></h2></td>';
             str += '</tr>';
             str += '</thead>';
             str += '<tbody>';

for循环可将数据拆分为列

            for( var x=0; x < p; x++ ){ 
                str += '<tr>';
                str += '<td align="right">'+result[6+x*10]+'</td>';
                str += '<td align="right">'+result[0+x*10]+'</td>';
            str += '</tr>';
            } 

            //assign create table to <p>

           document.getElementById("arr1").innerHTML = str; 
             }

通话功能

             disptbl();   
        </script>

        </cfoutput>