Как сделать чтоб table резался ровно по tr концом страницы?

Question

[BushaevDenis]

Пытался сделать через

body {
			tr, td, img, u { page-break-before: always; }
		}

но не работает.

Answer 1

[BushaevDenis]

Решение, нужно сделать разрыв после каждого nнного tr, и запретить разрыв внутри tr и td

@media print {
		*, html, body, table, tbody {
			 page-break-inside: auto;
		}
		tr, td {
			page-break-inside: avoid;
		}
		tr:nth-child(13n) {
			page-break-after: always !important;
		} 
		
	}

Answer 2

[Павел]

А как это у Вас условие в условии? Кхм... Просто тогда уж так и при этом это работает только для страницы печати:

@media print { 
tr, td, img, u { page-break-before: always; } 
}

Comments

[Сергей Горячев]

Так судя по скрину ему и надо на печати.

[BushaevDenis]

Нет, не помогло. Я код в гугле нашёл, уверяли, что так должно работать.
Да, нужно только на печати, я просто не стал приводить media, ибо подумал, что итак ясно из скрина.

[Павел]

Попробовать добавить !important в конце, но что-то походу Вы не так делаете

[BushaevDenis]

PavelMonro:

<style>
	@media print { 
		tr { page-break-before: always !important; } 
	}

	*, html, body, table, tbody, tr, td {
		margin: 0;
		padding: 0;
	}
	
	.img {
		width: 50px;
		height: auto;
	}
	
	table, tbody, tr {
		width: 100%;
		height: auto;
	}

	td:first-child {
		width: 54px;
		padding: 0 2px;
		height: auto; 
	}

	td:last-child {
		width: 100px;
	}
	
	td {
		border: 1px solid black;
	}
</style>

[Павел]

BushaevDenis: А вы уверенны что Вам нужен разрыва перед каждой строкой tr, а не после каждой таблицы или определенного количества tr, td? Также есть page-break-after

[BushaevDenis]

PavelMonro: Мне просто нужно чтоб каждый tr, который не умещается на странице - начинался полностью на следующей.