Как добавить пользовательский столбец в таблицу материалов angular?

Question

В настоящее время у меня есть 4 столбца в моем источнике данных. Я хочу выполнить некоторые операции с данными, полученными из одного из столбцов, а затем добавить эти данные в новый столбец таблицы. Есть ли способ сделать это?

Answer 1

Вы можете вносить изменения в данные, прежде чем устанавливать их в dataSource. Например, если вы получаете данные http как наблюдаемые, вы можете сделать:

this.data$ = this.certificateService.certificates$.pipe(
        map(data => {
          data.column5 = data.column4 // and make all other calculations
          return data;
       })
);

Затем вы можете подписаться на данные и установить их в источнике данных

 this.data$.subscribe(data => {
   this.dataSource = new MatTableDataSource(data)
 })