Question

我想在我的项目中打印一些报告，我的问题是打印报告格式，您可以从链接中获得一些想法。现在我打印div但我想在打印时打印第一列隐藏

this is now i print enter image description here I want this format

<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>

Answer 1

请参阅css media types。您可以定义将在打印时应用的css规则，例如：

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

Answer 2

试试这个

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

Answer 3

试试这个，

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

前

//Print Page
window.print();

要Hide所有first columns尝试，

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

Answer 4

在css中使用媒体查询：

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

请记住：first-child并不总是有效，这是一个例子。你可以给它一个类并使用 这在IE8及更低版本中效果不佳，对IE9不太确定。你也可以这样做：

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

您可以将其放在网页的head。

Answer 5

<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>

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

5 个答案: