Adding Angular component as table column puts [object HTMLElement] in the column

[advapiIT]

🪲 bug report

Adding a column render puts content below

🔬 Minimal Reproduction

I've a component with some button and logic that can be applied to different tables of my real application.
I try to add this via dtOptions instead of having as before using the angular datatables in the HTML.
The problem I've is that I see [Object HTML] in the table and a lot of buttons below.
For the array of Click button I think it's due to the fact they're added without pagination, but it's wrong

StackBlitz/GitHub Link:

https://stackblitz.com/edit/angular-datatables-gitter-e8pokn?file=app%2Fapp.module.ts,app%2Fapp.component.ts,app%2Fbutton-component%2Fbutton-component.component.ts

Step-by-step Instructions:

🎱 Expected behavior

The rendered component just in the table

🌐 Your Environment

• NodeJS version:
• Angular version: 13*
• Angular CLI version: 13*
• jQuery version:
• DataTables version: latest
• angular-datatables version: 14.0

[shanmukhateja]

Hi,

Can you try https://l-lin.github.io/angular-datatables/#/advanced/using-template-ref and report back?