为水平 table 的列引入分页符

Question

我有一个水平 table，其中的列是从 MVC razor 视图中的模型数据动态呈现的。示例代码在这里：

<table>
    <tr>
        @foreach (var employee in Model.Employees)
        {
           <td>
              <span>@employee.Name</span>
              <span>@employee.Age</span>
           </td>
        }
    </tr>
</table>

当超过 5 名员工呈现为栏时，我需要在打印到 A4 尺寸纸张时将栏分成下一页。如何使用 css/less?

实现此目的

Answer 1

要完全使用 CSS 进行分页，您可以 使用 :nth-child() select 或 select，假设每 5员工。

尝试使用类似的东西：

span:nth-child(5) {padding-bottom:10px;}

您可以轻松地更改 5 来表示您想要使用多少个跨度增量，并更改 padding-bottom 来更改您希望 space 的大小。

如果您在整个页面中使用跨度，您也可以将其放在父级内部 div 并将其限制为仅员工数据。

为水平 table 的列引入分页符

Introduce page break for columns of horizontal table

html

css

c#

asp.net-mvc

less