powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Печать отчетов
10 сообщений из 10, страница 1 из 1
Печать отчетов
    #38400282
Atum1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Добрый день !
Есть два вопроса :

1) Есть отчет на 2х и более страницах . формируется сервером - простая html страница - на которой обычная таблица.

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
<table>
 <thead> .... </thead>
 <tfoot> ... </tfoot>
 <tbody>
  <tr>
   <td> ... </td>
  </tr>
 </tbody>
</table>



Нужно чтобы шапка печаталась на каждой странице отчета.
Как это реализовать стилями ?



2) вопрос - на странице есть кнопка печать и div - который нужно отправить на печать ? как это сделать?

Как сделать так чтобы при печати не было колонтитулов и прочего мусора ?
...
Рейтинг: 0 / 0
Печать отчетов
    #38400368
The_ShadoW
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Atum1,

1) Никак. В текущем виде css не располагает никакими свойствами для того, чтоб улучшить печатный вид документа. И еще достаточно долго не будет располагать (когда в браузерах будет полная поддержка css3 box model, тогда можно будет и говорить про css3 paged media).

2) См. тут.
...
Рейтинг: 0 / 0
Печать отчетов
    #38400379
The_ShadoW
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
PS: В настоящее время, если Вам надо из некоего html творить некие прилично выглядящие документы, единственный путь для этого -- преобразовывать html в pdf (или вообще генерить pdf самостоятельно). Html печатается, но только "автоматически", сделать из этого качественно выглядящие документы не выйдет. Улучшение этой ситуации случится только тогда, когда css3 paged media получит некую реализацию в браузерах (а для этого ему для начала надо из стадии черновика выйти).
...
Рейтинг: 0 / 0
Печать отчетов
    #38400556
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
1) Можно, можно. У thead должен быть стиль display: table-header-group.
...
Рейтинг: 0 / 0
Печать отчетов
    #38400707
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
>преобразовывать html в pdf
извините, а в Ворд можно выводить отчёты?
...
Рейтинг: 0 / 0
Печать отчетов
    #38400873
The_ShadoW
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Antonariy1) Можно, можно. У thead должен быть стиль display: table-header-group.
thead и так выводится, как table-header-group. Это на другой элемент можно повесить такой display, чтоб он вёл себя как thead.
Вообще, современные браузеры пропечатывают thead на каждой странице совершенно самостоятельно. Но если у топикстартера таки не пропечатываются -- значит, либо у него браузер древний, либо html для печати какой-то очень интересный.
...
Рейтинг: 0 / 0
Печать отчетов
    #38400884
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
The_ShadoWAntonariy1) Можно, можно. У thead должен быть стиль display: table-header-group.
thead и так выводится, как table-header-group.Пару лет назад этого стиля по умолчанию вроде не было.

Хром походу его не поддерживает, не показывает при предпросмотре.
...
Рейтинг: 0 / 0
Печать отчетов
    #38401182
Atum1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
@media print { /* Стиль для печати */
    /*
     * Например в Firefox это настраивается в «Печать» — «Параметры страницы» — «Поля и колонтитулы»
     * http://www.webdevout.net/browser-support-css#css2propsprint
     * http://iris-crm.ru/browsers-print-settings
     */
    
    button {display: none; }
    
/* 
    Верстка отчетов по страницам 
  //page-break-after: always

    @page :left {
        margin-left: 1cm;
    }
    @page :right {
        margin-right: 1cm;
    }
    @page :first {
        margin-top: 1cm;
    }
    @page :first {
        margin-bottom: 1cm;
    }*/


table {-fs-table-paginate: paginate;}

thead   {display:  table-header-group;}
 
tfoot   {display: table-footer-group;}

tbody   {display: table-row-group;}
   
}



стили все есть , браузер Хром - самый последней версии - ему на эти стили пофиг :(
...
Рейтинг: 0 / 0
Печать отчетов
    #38401397
The_ShadoW
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Достал из широких штанин Хром, пошел посмотрел -- и вправду.
Ну что тут можно сказать. Пишите в спортлотогугл.

Файрфокс умеет thead на каждой странице печатать (давно), ИЕ тоже умеет (с девятого, вроде б). Хром до сих пор не умеет.
...
Рейтинг: 0 / 0
Печать отчетов
    #38401411
The_ShadoW
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
EDIT: нет, даже писать не надо. http://code.google.com/p/chromium/issues/detail?id=24826
Оказывается, в ИЕ оно тоже с доисторических времен работает.
...
Рейтинг: 0 / 0
10 сообщений из 10, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Печать отчетов
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]