代码执行内部报错

[iizhangchao]

按照使用说明，给打印的地方添加 data-paged属性，再建了一个id为 layoutedContainer 的div，然后调用

PrintLayouter.layout(
        'div[data-paged="group-container"]',
        '#layoutedContainer',
        true,
        () => {
          window.print()
        }
      )

[orange0606]

我也遇到这个问题，请问怎么解决呀。

[simonzhlx]

应该还是使用的问题。报这个错，应该是在分组容器(groupContainer)内没有找到任何组元素(group)。大概看了看入口代码，为了使用这个库来分页需要准备下面的DOM结构：

<!--分组容器-->
<div data-page-info="group-container">
<!--单个组元素--> 
<table data-paged="group">
    <thead>
        <tr>
            <td *ngFor="let headerItem of ['1','2','3','4']">列{{headerItem}}</td>
        </tr>
    </thead>
    <tbody>
        <tr *ngFor="let row of rows">
            <td *ngFor="let cellItem of ['1','2','3','4']">
                <span>行{{row}}列{{cellItem}}</span>
            </td>
        </tr>
    </tbody>
</table>
</div>
<!--分页后放置容器-->
<div id="layoutedContainer">
    <h1>我是layoutContainer</h1>
</div>

[Chris-Kin]

非常抱歉让你们在使用过程中产生了困扰，我会抓紧时间给出详细文档及demo