Multiple columns using ngTemplateRef

[dlascarez]

If you have more than one column using ngTemplateRef, all columns will be overwritten with the latest one.

@ViewChild('tplIconColumn') public tplIconColumn?: TemplateRef<any>; @ViewChild('tplActionColumn') public tplActionColumn?: TemplateRef<any>;

I am assigning columns like:

ngAfterViewInit(): void { this.dtOptions.columns = [ { title: '', data: null, defaultContent: '', ngTemplateRef: { ref: this.tplIconColumn } }, { title: 'Title', data: 'title', name: 'title' }, { title: 'Description', data: 'description', name: 'description' }, { title: '', data: null, defaultContent: '', ngTemplateRef: { ref: this.tplActionColumn } }, ]; }

The final result overwrite the content of "tplIconColumn" with content from "tplActionColumn", and the column that should display the content of "tplActionColumn" is displaying empty content.

It must display the content like:

[dlascarez]

I have found the bug. In your example, you are setting data as null:

But data is use as filter key to select the index position to render the content.

At this point, all columns with data: null and implementing a template will be overwritten.

[dlascarez]

Issue fixed with PR:
#1750

[miamilabs]

Any plans to release this hotfix?

[shanmukhateja]

@miamilabs I completely forgot to release this. Apologies.

You can find this fix in v16.0.1