Как удалить верхний и нижний колонтитулы из window.print () без установки поля в 0?

Question

У меня есть код HTML с таблицей, которую я хочу напечатать с помощью window.print (). Мне нужно удалить верхние и нижние колонтитулы (те, которые браузеры добавляют автоматически, я имею в виду URL-адрес, номер страницы и т. Д. c.) На каждой странице, но мне нужно оставить поле с указанным размером c. , Это мои CSS:

@page { 
    size: auto;
    margin: 5cm 0 5cm 0;
}
body {
    margin:0;
    padding:0;
}

table { page-break-inside:auto }
tr    { page-break-inside:avoid; page-break-after:auto }
thead { display:table-header-group }
tfoot { display:table-footer-group }

Мне нужно сохранить эти 5 см, потому что компания, в которой я работаю, использует ранее написанные бланки. Как я могу удалить эти верхние и нижние колонтитулы, не меняя поля?

Answer 1

Просто используйте запрос @media print в вашем css. Например:

@media print {
  thead, tfoot {  
    display: none !important
  }
}

Я бы сказал sh, это может быть так просто. Я имею в виду автоматические верхние и нижние колонтитулы c, которые создает браузер, которые содержат URL-адрес, номер страницы и другие бесполезные (в моей ситуации) данные.

Хорошо, теперь я понял. Вы можете попробовать это (должно работать на Chrome):

@media print {
  @page {
    size: auto;
    margin: 0mm;
  }

  /* in case @page {margin: 5cm 0 5cm 0;} doesn't work */
  body {
    padding-top: 5cm !important;
    padding-bottom: 5cm !important;
  }
}