如何在没有第一列表格的情况下打印报告

I want to print some reports in my project my problem is printing report format you can get some idea from links. Now i print div but I want to print first column hide while printing

this is now i print enter image description hereI want this formatenter image description here

<script language="javascript" type="text/javascript">
                            function printDiv(divID)
                             {
                                //Get the HTML of div
                                var divElements = document.getElementById(divID).innerHTML;
                                //Get the HTML of whole page
                                var oldPage = document.body.innerHTML;

                                //Reset the page's HTML with div's HTML only
                                document.body.innerHTML = 
                                "<html><head><title></title></head><body>" + 
                                divElements + "</body>";

                                //Print Page
                                window.print();

                                //Restore orignal HTML
                                document.body.innerHTML = oldPage;

                            }
                     </script>

See css media types. You can define css rules that will be applied while printing, ex:

@media print {
    tr.firstRow {
        display: none;
    }
}

By using the media query in css:

@media print{
    /* and here everything you want print only */
    table tr:first-child{
        display: none;
    }
}

Bare in mind: first-child doesnt always work, its an example. You could give it a class and use that This doesnt work very well in IE8 and lower, not sure about IE9. You can also do this:

<link rel="stylesheet" href="print_only.css media="print" />

You place that in the head of your page.

Try this

@media print {
 table tr:first-child{
        display: none;
    }
}

Try this,

$('table tr:first').hide();

before

//Print Page
window.print();

To Hide all first columns try,

$('table tr td:eq(0)').hide();

<script language="javascript" type="text/javascript">
                        function printDiv(divID)
                         {
                            //Get the HTML of div
                            var divElements = document.getElementById(divID).innerHTML;
                            //Get the HTML of whole page
                            var oldPage = document.body.innerHTML;

                            //Reset the page's HTML with div's HTML only
                            document.body.innerHTML = 
                            "<html><head><title></title></head><body>" + 
                            divElements + "</body>";

                            //Print Page
                            window.print();

                            //Restore orignal HTML
                            document.body.innerHTML = oldPage;

                        }
                 </script>
                 <div id="dd">shafi</div>
                 <div onClick="printDiv('dd');">print</div>