为水平表的列引入分页符

Question

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

<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（）选择器进行选择，假设每5名员工。

尝试使用以下内容：

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

您可以轻松更改五个以表示要使用的跨度增量，并使用填充底部来更改您希望该空间的大小。

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