如何在 table 中动态地将 id 分配给行？

Question

我正在使用 p-table -> https://primefaces.org/primeng/showcase/#/table/dynamic 我想动态地为每一行分配唯一的 ID。

 <ng-template pTemplate="body" let-rowData let-columns="columns" let i="index">
    <tr id=i>
        <td *ngFor="let col of columns">
            {{rowData[col.field]}}
        </td>
    </tr>
</ng-template>

以上代码没有为该行分配 id。

Answer 1

你可以试试这个

  <ng-template pTemplate="body"  let-rowIndex="rowIndex">
        <tr>
         <td>{{rowIndex}}</td>
        </tr>
</ng-template>

如果你想在你的组件中访问它，你可以使用这样的东西

 <ng-template pTemplate="body" let-rowData let-columns="columns" let-rowIndex="rowIndex">
        <tr [pSelectableRow]="rowData" [pSelectableRowIndex]="rowIndex">
            <td *ngFor="let col of columns">
                {{rowData[col.field]}}
            </td>
        </tr>
    </ng-template>

顺便说一句，为了查看更多示例，您可以导航到 primeng 网站： https://primefaces.org/primeng/showcase/#/table

如何在 table 中动态地将 id 分配给行？

How can I assign id to rows dynamically in table?

html

html-table

primeng

angular

primeng-datatable