невозможно добавить независимую ячейку строк (полученные данные от спины) в ngx-datatable

Question

У меня есть ts-файл, подобный этому:

export class ListComponent implements OnInit {
  rows: any;
  columns = [
    { prop: 'name' },
    { name: 'Gender' },
    { name: 'Company' },
    { name: 'price' }
  ];

  constructor(
    private productService: ProductService,
  ) { }

  ngOnInit() {
    const v = this.productService.getProduct();
    this.rows = v;
  }
}

, который productService.getProduct () возвращает массив Product.

и html-файл, подобный этому:

<div>
  <ngx-datatable class="material" [rows]="rows" [columns]="columns">
  </ngx-datatable>
</div>

поэтому я хочу добавить две ячейки, например Commission и FinalPrice, в ячейку Комиссии будет введен номер, а в FinalPrice будет доступна только ячейка для чтения.если пользователь изменяет значение ввода комиссии, FinalPrice изменяется на основе (rows.price - комиссия).эта функциональность должна быть для каждой строки независимо.

, пожалуйста, сделайте мне одолжение, чтобы решить проблему.

Answer 1

Попробуйте что-то вроде этого

_rows: any;
const data: any[] = [];
productArticles.map(prdmArtEdit => { //your list
  const row = {};

  row['commission'] = prdmArtEdit.commission;
  row['finalPrice'] = prdmArtEdit.price-prdmArtEdit.commission;

  row['company'] = prdmArtEdit.company;
  row['gender'] = prdmArtEdit.gender;

  row['name'] = prdmArtEdit.name;
  data.push(row);
  }
  this._rows=data;