Как установить идентификатор строки в таблице данных Angular-7?

Question

Я использую угловой 7, и я не могу найти, где вы устанавливаете идентификатор для строк (идентификатор строки, а не идентификатор всей таблицы).В целом, это выглядит немного странно, а не строки.

Просмотр документации (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 не содержит свойства для идентификаторов строк. Поэтому либо расширьте таблицу данных, чтобы создать собственную таблицу со свойством, либо выберите другой тип таблицы данных.

Этого нет в документации (https://www.npmjs.com/package/angular7-data-table), Он не является частью какого-либо из трех компонентов, а именно table.component.ts, row.component.d.ts или column.directive.d.ts

EDIT:

Удаление элемента из таблицы данных 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>