微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

重新计算列宽 ngx-datatable

如何解决重新计算列宽 ngx-datatable

如何在 html 上出现下拉列表后更新列宽。

<ng-template
  formArrayName="selects"
  #tipohoraTemplate
  let-value="value"
  let-row="row"
  let-column="column"
  let-rowIndex="rowIndex">
  <div class="pya-cell" [formGroupName]="rowIndex">
    <small class="text-muted d-block d-lg-none">{{ column.name }}</small>
    <span
      *ngIf="!appearSelectColumn[rowIndex][column.name]"
      (click)="appearSelect(rowIndex,column.name,value)"
      >{{ value }}</span
    >
    <label class="label-tabla" *ngIf="appearSelectColumn[rowIndex][column.name]">
      <ng-select
        [items]="tiposHoras"
        appendTo="body"
        bindLabel="nombre"
        bindValue="id"
        placeholder="Tipo de hora"
        formControlName="tipoHora"
        (change)="changeSelect(column,rowIndex)"
      >
      </ng-select>
    </label>
  </div>
</ng-template>

recalculateColumns 不会改变列的宽度。

  appearSelect(idx,column,value) {
    this.reiniciaSelects(this.userstemplate);
    this.appearSelectColumn[ idx ][ column ] = true;
    console.log(this.tableChild.columns);
    this.tableChild.recalculateColumns(this.tableChild.columns);
    this.tableChild.recalculate();
  }

下拉菜单比原文大。

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。