Ngx-datatable 행 세부

Ngx-datatable 세부 행을 매뉴얼에 따라 작동 시키려고하고 있지만 행운이 없다.Ngx-datatable 행 세부

나는이 plunker 만든

<ngx-datatable-row-detail [rowHeight]="getHeight" #myDetailRow (toggle)="onDetailToggle($event)"> 
    <ng-template let-row="row" ngx-datatable-row-detail-template> 
    <div><strong>Address</strong></div> 
    <div>{{row.address.city}}, {{row.address.state}}</div> 
    </ng-template> 
</ngx-datatable-row-detail>

: 그냥 설명서에 언급 한 바와 같이 바인딩 rowHeight에 활용하려는 스윔 레인 온라인 문서 http://swimlane.github.io/ngx-datatable/#row-details '

에서 행 세부 데모를 복사 기본적으로 https://embed.plnkr.co/yQv0Gvy8E8k1bqRr5Pxx/을 및 TS :

getHeight(row: any, index: number): number { 
    return row.someHeight; 
}

그러나 행은 계속 정의되지 않고 있습니다. 내가 뭘 놓치고 있니?

대체 방법으로 getHeight 함수에서 원래의 행 배열에 액세스하지만 행을 정의되지 않은 상태로 유지하려고했습니다.

console.log(this.rows[index]);

감사!

UPDATE - FIX

나는 단순히이었다 해결하기 위해 무슨 짓을 :

getHeight(row: any): number { 
    if(row) { 
    return row.someHeight; 
    } 
}

출처

2017-10-12 Kasper Sommer

당신이이 문제를 해결할 수있는 방법을 찾았나요 :

은 당신이 아마하고 싶은 것은 결과 대신 getHeight(...) 기능의에 바인딩하는 것입니다? –

늦게 회신하여 죄송합니다. 나는 그것을 위에 사용하는 것처럼 옳았다. 그러나 문제는 정의되지 않은 것을 보냈다는 것입니다. 그래서 내가해야 할 일은 데이터를 정렬하는 것입니다. 나는 그것이 도움이되기를 바랍니다. 나를 알려주지 않으면 더 나은 대답을 할 수 있는지 알게 될 것입니다. –

데이터를 정렬하면 무엇을 의미합니까? 새 솔루션으로 코드를 업데이트 할 수 있습니까? –

당신은이 작업을 수행 할 때

[rowHeight]="getHeight"

실제로 함수 객체로 rowHeight를 바인딩 getHeight.

이

[rowHeight]="getHeight(...)"

출처

2017-10-12 08:57:46 ShinDarth

답변

관련 문제