html 当我试图使用分页,它是不工作的内部< tr>,< tbody>[重复]

hfsqlsce  于 5个月前  发布在  其他
关注(0)|答案(1)|浏览(32)

此问题在此处已有答案

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>。请任何人帮助我

mv1qrgav

mv1qrgav1#

这应该避免行内的分页:

td, th {
  page-break-inside: avoid;
}

字符串
请注意,这里接受的值是 “avoid”。不是 “forbidden”“never”“false”。分页是避免的,但不能保证在所有情况下都有效。这在很大程度上取决于分页的内容。
如果需要更多帮助,请考虑使用codesandbox.io或类似网站提供 runnableminimal reproducible example

相关问题