如何在表格tr元素上设置分页符，满足指定条件时跳转到下一页

问题根因 #

page-break-after 这类分页属性本身对 <tr> 这类表格原生元素的兼容性极差，绝大多数浏览器和打印引擎都不支持直接给display为table-row的元素设置分页属性，这是你配置不生效的核心原因。另外你当前的业务逻辑也存在错误：代码中classPageBreak的初始值和判断分支赋值都是always，等于所有行都会被强制加分页属性，不符合你“仅页码1且countSeq=2时分页”的需求。

修复方案 #

按以下步骤调整即可生效：

• 第一步：修复分页逻辑，仅命中目标条件时才设置分页属性
• 第二步：选择兼容方案解决tr分页不生效问题：在需要分页的tr后插入空块级元素触发分页，该方法兼容性最好，不会影响表格原有样式
• 第三步：同时添加新旧分页属性做兼容，适配不同打印引擎

调整后的代码示例 #

<table class="table table-striped table-itens-pedido-report">
<thead style="border: none !important;">
    <tr style="border: none !important">
        @if (ViewBag.bSeqProduto == true)
        {
            <th style="width:3% !important ; border: none !important;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;font-weight: 600 !important;font-size: 12px !important;">SEQ</th>
        }
        @if (ViewBag.bImagemProduto == true)
        {
            <th style="width:5% !important ; border: none !important;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;font-weight: 600 !important;font-size: 12px !important;">IMAGEM</th>
        }
        @if (ViewBag.bTotalProduto)
        {
            <th style="width:8% !important ; border: none !important ; text-align:center !important;font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;font-weight: 600 !important;font-size: 12px !important;">TOTAL</th>
        }
    </tr>
</thead>

@{int contadorSeq = 0;}
<tbody>
    @foreach (var item in agrupar.Distinct())
    {
        // 修正逻辑：默认不分页，仅命中条件时才分页
        bool needPageBreak = (pagina == 1 && contadorSeq == 2);
        <tr style="border: none !important;">
            @if (ViewBag.bSeqProduto == true)
            {
                <th style="font-size: 13px !important; width:3% !important ; text-align:center">@contadorSeq</th>
            }
        </tr>
        <!-- 命中分页条件时插入空块元素触发分页 -->
        @if (needPageBreak)
        {
            <div style="page-break-after: always; break-after: page;"></div>
        }
        contadorSeq++;
    }
</tbody>
</table>

额外注意事项 #

• 不要给表格父元素设置overflow: hidden、height: 100%这类限制高度的属性，会阻断分页逻辑
• 如果是导出PDF场景，主流的wkhtmltopdf、Chrome headless引擎都兼容上述写法

内容的提问来源于stack exchange，提问作者Thiago Corrêa