0

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

这是现在我打印 在此处输入图像描述 我想要这种格式在此处输入图像描述

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

5 回答 5

1

尝试这个，

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

前

//Print Page
window.print();

给Hide大家first columns试试，

$('table tr td:eq(0)').hide();
于 2013-11-07T10:15:33.413 回答
1

请参阅 CSS媒体类型。您可以定义将在打印时应用的 css 规则，例如：

@media print {
    tr.firstRow {
        display: none;
    }
}
于 2013-11-07T10:12:04.137 回答
1

尝试这个

@media print {
 table tr:first-child{
        display: none;
    }
}
于 2013-11-07T10:13:07.703 回答
0

通过在 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你的页面中。

于 2013-11-07T10:12:15.110 回答
0 
<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>
于 2013-11-07T10:19:53.173 回答