此问题在此处已有答案:
avoid page break inside row of table(13个回答)
9天前关闭
下面是我的代码:
{% for item in child.items %}
{%set ns.count = ns.count + 1%}
<tbody style="page-break-inside: avoid">
<tr style="page-break-inside: avoid">
<td style="border-bottom: 1px solid black; border-right: 1px solid black;border-left:1px solid black;">{{ns.count}}</td>
<td colspan="3" style=" white-space: normal; border-bottom: 1px solid black; border-right: 1px solid black;">{{item.sales_description}}</td>
<td style=" border-bottom: 1px solid black; border-right: 1px solid black;">85177090</td>
<td style=" border-bottom: 1px solid black; border-right: 1px solid black;">{{item.qty}}</td>
<td style=" border-bottom: 1px solid black; border-right: 1px solid black;">PC</td>
<td style="border-bottom: 1px solid black; border-right: 1px solid black;text-align:right;">{{item.rate}}</td>
<td style="border-bottom: 1px solid black; border-right: 1px solid black;text-align:right;">{{item.qty * item.rate}}</td>
<td style="border-bottom: 1px solid black; border-right: 1px solid black;text-align:right;">0</td>
<td style="border-bottom: 1px solid black; border-right: 1px solid black;text-align:right;">0.00</td>
<td style="border-bottom: 1px solid black; border-right: 1px solid black;text-align:right;">{{taxlist[0]}}</td>
<td style="border-bottom: 1px solid black; border-right: 1px solid black;text-align:right;">{{(item.qty * item.rate * taxlist[0])/100}}</td>
<td style="border-bottom: 1px solid black; border-right: 1px solid black;text-align:right;">{{taxlist[1]}}</td>
<td style="border-bottom: 1px solid black; border-right: 1px solid black;text-align:right;">{{(item.qty * item.rate * taxlist[1])/100}}</td>
</tr>
</tbody>
{% endfor %}
字符串
如果行被打断,那么被打断的行必须被移动到下一页。但是分页不适用于<tr>
,<tbody>
。请任何人帮助我
1条答案
按热度按时间mv1qrgav1#
这应该避免行内的分页:
字符串
请注意,这里接受的值是 “avoid”。不是 “forbidden”,“never” 或 “false”。分页是避免的,但不能保证在所有情况下都有效。这在很大程度上取决于分页的内容。
如果需要更多帮助,请考虑使用codesandbox.io或类似网站提供 runnableminimal reproducible example。