单击单元格中的输入将删除“活动”类

Question

我想自定义内联编辑。 问题是在活动课堂上。 当我单击单元格内部的输入时，它将失去活动类； 我该怎么办？

<ngx-datatable-column  name="Unit/Address" prop="unit">
<ng-template ngx-datatable-cell-template let-rowIndex="rowIndex" let-value="value" let-row="row">
  <span *ngIf="!editing['unit_' + row.id]">
    {{value}}
  </span>
  <span>
    <input type="text" *ngIf="editing['unit_' + row.id]" [value]="row.unit" class="cell-input">
  </span>
</ng-template>

在我的CSS中

.datatable-body-cell.active{
  border: 2px solid #10cfbd;
}