如何在Angular-7 data-table中设置row id？

Question

我正在使用 angular 7，但我似乎无法找到设置行 ID 的位置（行 ID，而不是整个 table ID）。总的来说，它似乎有点奇怪，因为它适用于 , 而不是行。

查看文档 (https://www.npmjs.com/package/angular7-data-table) 尝试在随机位置使用 id='item.id'、rowId='item.id' 等标准操作，以查看它们弹出的位置。

<data-table 
id="peopleTable" 
[title]='People' 
[items]='datas$' 
[header]="true" 
[pagination]="false" 
[indexColumn]="false" 
noDataMessage="No people">

        <data-table-column 
        [sortable]='true'
        [header]='tosHead'>
            <ng-template #dataTableCell let-item="item"> 
                  {{item.someValue.someOtherValue}}
            </ng-template>
        </data-table-column>

        <data-table-column
            [header]='someHead'
            [property]="'someNumber'"
            [sortable]='true'>
        </data-table-column>
...
</data-table>

预期：有一个 rowId 属性，我可以将 item.id 分配给实际：文档

中未提及 id 属性

Answer 1

angular7 数据-table 不包含行 ID 的属性。因此，要么扩展数据 table 以使用属性创建自定义数据，要么选择另一种数据类型 table.

它不在文档中 (https://www.npmjs.com/package/angular7-data-table)，它不属于三个组成部分中的任何一个，即 table.component.ts、row.component.d.ts 或 column.directive.d.ts

编辑：

从 angular7 数据中删除一个项目-table 可以通过从包含它的数组中删除该项目来完成。

示例：

example.ts

    var array = [item1], [item2], [item3];

...

    delete(item){
    this.array = this.array.filter(obj => obj !== item);
    }

example.html

<data-table [items]='array'>
    <data-table-column [property]='item.SomeProperty>
    </data-table-column>

    <data-table-column>
         <i class='btn btn-primary' (click)='delete(item)'>Delete</i>
    </data-table-column>
</data-table>

如何在Angular-7 data-table中设置row id？

How to set row id in Angular-7 data-table?

typescript

angular-datatables

angular

angular7