带有 selectall 复选框的 ngFor 中的多个 primeng table

Question

我正在尝试使用 primeng table 和 ngFor 创建动态多个 table，如下所示

<div *ngFor="...">
    <p-table>
        ...
        //header
        <p-tableHeaderCheckbox></p-tableHeaderCheckbox>
        ...

        //body
        <p-tableCheckbox></p-tableCheckbox>
    </p-table>
</div>

假设我们有两个动态生成的 table；使用我们在 [value] 中提供的数据，有两个 tableHeaderCheckboxes

当我们 select 第一个 tableHeaderCheckbox 时，第一个 table 的 tableCheckbox/row 复选框必须 selected。

当我们 select 第二个 tableHeaderCheckbox 时，第二个 table 的 tableCheckbox/row 复选框必须 selected

喜欢第三个，第四个 tables 适当。

请帮我实现这个目标。

Answer 1

我创建了一个单独的组件，然后在该组件中放置了 table 代码，所以现在正如预期的那样，selectall 复选框现在可以正常工作了。

    <p-table>
        ...
        //header
        <p-tableHeaderCheckbox></p-tableHeaderCheckbox>
        ...

        //body
        <p-tableCheckbox></p-tableCheckbox>
    </p-table>

带有 selectall 复选框的 ngFor 中的多个 primeng table

Multiple primeng table in ngFor with selectall checkbox

primeng

angular

primeng-datatable