Как я могу распечатать отчет без первого столбца таблицы

0

Я хочу напечатать несколько отчетов в моем проекте, моя проблема заключается в печати формата отчета, который вы можете получить из ссылок. Теперь я печатаю div, но я хочу, чтобы печать первого столбца скрывалась во время печати

это теперь я печатаю Изображение 174551Я хочу этот формат Изображение 174551

<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 HTML with div 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>
  • 0
    Извини Уильям свою колонку
Теги:

5 ответов

1

См. Типы медиа css. Вы можете определить правила css, которые будут применяться во время печати, например:

@media print {
    tr.firstRow {
        display: none;
    }
}
Поделиться
1

Попробуй это

@media print {
 table tr:first-child{
        display: none;
    }
}
Поделиться
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 HTML with div 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>
Поделиться
0

Попробуй это,

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

до

//Print Page
window.print();

Чтобы Hide все first columns попробуйте,

$('table tr td:eq(0)').hide();
Поделиться
  • 0
    hiii @Rohan Kumar это только спрятать 1-й тр
  • 0
    @NavjotSingh попробуй мой ответ, теперь я изменил его.
Показать ещё 3 комментария
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 вашей страницы.

Поделиться

Ещё вопросы

Сообщество Overcoder
Наверх
Меню