Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Печать отчетов / 10 сообщений из 10, страница 1 из 1
18.09.2013, 15:25
    #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
18.09.2013, 15:56
    #38400368
The_ShadoW
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Печать отчетов
Atum1,

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

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

Хром походу его не поддерживает, не показывает при предпросмотре.
...
Рейтинг: 0 / 0
19.09.2013, 11:16
    #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
19.09.2013, 13:16
    #38401397
The_ShadoW
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Печать отчетов
Достал из широких штанин Хром, пошел посмотрел -- и вправду.
Ну что тут можно сказать. Пишите в спортлотогугл.

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


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