Ошибка автоматического расширения строк в сетке данных

ERROR DOMException: Failed to execute 'animate' on 'Element': Partial keyframes are not supported.
at DatagridRowExpandAnimation.push../node_modules/@clr/angular/esm5/clr-angular.js.DatagridRowExpandAnimation.run

<clr-dg-row *ngFor="let row of rows">
        <clr-dg-cell>...</clr-dg-cell>
        <ng-container ngProjectAs="clr-dg-row-detail" *ngIf="row.info">
            <clr-dg-row-detail *clrIfExpanded="row.expand" >...</clr-dg-row-detail>
        </ng-container>
    </clr-dg-row>

Иметь набор строк с предопределенными значениями 'row.expand'(true или false) для автоматического расширения строк при первоначальной визуализации. Получение ошибки выше при автоматическом расширении строк в ясности Датагрид.

Чтобы быть более точным, ошибка возникает в следующей строке, поскольку oldHeight имеет значение "NaN", и это будет "NaNpx", что является недопустимым значением для анимации.

DatagridRowExpandAnimation.prototype.run = {
    ...
    this.running = this.el.nativeElement.animate({ height: [this.oldHeight + 'px', newHeight + 'px'], overflowY: ['hidden', 'hidden'], easing: 'ease-in-out' }, { duration: 200 });
    ...
    }

0 ответов

Другие вопросы по тегам