如何在Angular-7数据表中设置行ID？

Question

我正在使用angular 7，我似乎无法找到你为行设置id的位置（行id，而不是整个表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分配给Actual：在文档中没有提到id属性

Answer 1

angular7数据表不包含行ID的属性。因此，要么扩展数据表以使用属性创建自定义数据表，要么选择其他类型的数据表。

它不在文档（https://www.npmjs.com/package/angular7-data-table）上，它不是三个组件中的任何一个的组成部分，即table.component.ts，row.component.d.ts或column.directive.d.ts

编辑：

从angular7数据表中删除项目可以通过从包含它的数组中删除项目来完成。

例：

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>