Стилизация заголовков, печатаемых на каждой странице

Недавно я обнаружил, что в коде CSS поддерживаемые браузеры печатают <thead>блоков в верхней части каждой страницы (, используя display: table-header-group;в @media print {})..Это значительно упрощает код в моем приложении для печати таблиц.

Тем не менее, мой клиент очень разборчив в стилях. Похоже, что в распечатанных группах заголовков re -отсутствуют некоторые стили исходных заголовков, а именно border-bottom-styleи border-bottom-widthдля отделения заголовков от тела таблицы. Поскольку это кажется жестким требованием, я хотел бы иметь возможность включать эти стили в эти группы заголовков.

Я испробовал несколько разных методов, чтобы попытаться заставить Firefox (наш любимый браузер )печатать эти стили, чтобы удовлетворить этому условию, но ни один из этих методов не дал желаемых результатов. Некоторые примеры, которые я пробовал:

@media print {
    thead {
        display: table-header-group;
        border-bottom-style: solid;
        border-bottom-width: 3px;
    }
}

и

<thead style="border-bottom-style: solid; border-bottom-width: 3px;"></thead>

и

table.class thead {
    border-bottom-style: solid;
    border-bottom-width: 3px;
}

и

table.class th {
    border-bottom-style: solid;
    border-bottom-width: 3px;
}

Мой вопрос, тогда :есть ли способ установить стили для этих перепечатанных групп заголовков? Или браузер просто использует довольно спартанские стили заголовка таблицы по умолчанию (полужирный -шрифт )?

Прошу простить меня, если этот вопрос уже задавался и на него уже был дан ответ. Я искал вокруг, но не мог найти ничего об этой конкретной проблеме. Было много вопросов, связанных с display: table-header-group;, но ни одного относительно стиля этих групп заголовков.

5
задан Brian Tompsett - 汤莱恩 1 December 2016 в 22:13
поделиться