当我尝试使用分页符时,它在内部不起作用<tr>,<tbody>[重复]

问题描述 投票:0回答:1

这是我的代码:

{% 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>
。请大家帮帮我

javascript html css bootstrap-4 jinja2
1个回答
0
投票

这应该避免行内分页:

td, th {
  page-break-inside: avoid;
}
© www.soinside.com 2019 - 2024. All rights reserved.