How to pass external variables to ngx-datatable-column?

Question

I'm trying to get access of an external variable "distance" inside of a cell template. Therefore I'm looking for a way to tell the template the variable like this.

I know that the code below can't work, but how can I achieve something like this? Unfortunately, it is no option to enhance the objects of "filteredSkaterlist" with the objects of "distaneList"

<ngx-datatable [rows]="filteredList">
    <ng-container *ngFor="let distance of distaneList">
        <ngx-datatable-column name="distance">
            <ng-template let-row="row" let-distance="distance" ngx-datatable-cell-template>
                {{ row | json }}
                {{ distance | json }}
            </ng-template>
        </ngx-datatable-column>
    </ng-container>
</ngx-datatable>

I think it should work without `let-distance="distance"`. Can you create a stackblitz for this. — Eldar, Dec 27 '19 at 11:07
@Eldar I tried both - with and without, but distance is empty... — Lars, Dec 27 '19 at 11:18

score 0 · Answer 1 · answered Dec 27 '19 at 11:23

Well, I found a solution by myself:

<ngx-datatable-column *ngFor="let distance of distancelist" name="distance" prop="distance">
    <ng-template let-column="column" ngx-datatable-header-template>
        {{ distance.name }}
    </ng-template>

    <ng-template let-skater="row" ngx-datatable-cell-template>
        {{ skater.name }}
        {{ distance.name }}
    </ng-template>
</ngx-datatable-column>

How to pass external variables to ngx-datatable-column?

1 Answers1