Печать липких заголовков на полпути вниз по странице, если таблица прокручивается перед нажатием кнопки печати ⇐ CSS

[Anonymous]

Я использовал JavaScript, чтобы сделать заголовки моих таблиц липкими на моей странице. Я использую несколько таблиц на страницу, и липкие заголовки работают хорошо. Сейчас я пытаюсь добавить возможность распечатать таблицы, и мне успешно удалось реализовать кнопку печати для каждой таблицы. Заголовок стола печатает на полпути вниз по столу. Я ищу способ сбросить положение заголовка в верхнюю часть таблицы, когда кнопка печати нажимает. < /P>

Может ли кто -нибудь указать мне в правильном направлении?document.getElementById("wrap").addEventListener("scroll", function(){
var translate = "translate(0,"+this.scrollTop+"px)";
this.querySelector("thead").style.transform = translate;
});

document.getElementById("wrap2").addEventListener("scroll", function(){
var translate = "translate(0,"+this.scrollTop+"px)";
this.querySelector("thead").style.transform = translate;
});

document.getElementById("wrap3").addEventListener("scroll", function(){
var translate = "translate(0,"+this.scrollTop+"px)";
this.querySelector("thead").style.transform = translate;
});

function printDiv1() {
window.frames["print_frame"].document.body.innerHTML =
document.getElementById("printableTable").innerHTML;
window.frames["print_frame"].window.focus();
window.frames["print_frame"].window.print();
}

function printDiv2() {
window.frames["print_frame"].document.body.innerHTML =
document.getElementById("printableTable2").innerHTML;
window.frames["print_frame"].window.focus();
window.frames["print_frame"].window.print();
}

function printDiv3() {
window.frames["print_frame"].document.body.innerHTML =
document.getElementById("printableTable3").innerHTML;
window.frames["print_frame"].window.focus();
window.frames["print_frame"].window.print();
}
< /code>

Моя лучшая идея для исправления заключалась в том, чтобы использовать следующий код, однако это прекратило функцию печати, работающую полностью. < /p>

function printDiv1() {
var translate = "translate(0,"+this.scrollTop+"px)";
this.querySelector("thead").style.transform = translate;
window.frames["print_frame"].document.body.innerHTML =
document.getElementById("printableTable2").innerHTML;
window.frames["print_frame"].window.focus();
window.frames["print_frame"].window.print();
}
< /code>

Если кто -то знает о решении, которое позволит мне сбросить позицию заголовка в верхнюю часть таблицы при нажатии кнопки печати. ​​Пожалуйста, дайте мне знать. < /p>

>

Подробнее здесь: https://stackoverflow.com/questions/551 ... ting-print