Question

我正在使用角度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分配给该属性实际：文档中没有提及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>

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

1 个答案: