How to custom render a column from typeScript without using ng-template

[mouad-mahfoud]

I have my own component that contains a st component as a child

<q-table title="Profile" [data]="profiles$" [columns]="columns" addBtnUrl="/addBtnUrl">
  <ng-template st-row="attributes" let-item let-index="index">
    {{ item.attributes.Description }}
  </ng-template>
</q-table>

and I want to to pass a custom rendered column but I get this error No provider for STRowSource found in NodeInjector

<nz-page-header class="site-page-header" (nzBack)="onBack()" nzBackIcon>
    <nz-page-header-title>{{ title }}</nz-page-header-title>
    <nz-page-header-extra>
      <nz-space>
        <div *nzSpaceItem>
          <button nz-button nzType="primary" [routerLink]="addBtnUrl" *ngIf="addBtnUrl">
            {{ 'crud.btn.add' | i18n }}
          </button>
        </div>
      </nz-space>
    </nz-page-header-extra>
  </nz-page-header>
  <st #st [data]="data" [columns]="columns" resizable>
    <ng-container [ngTemplateOutlet]="descriptionAttribute"></ng-container>
  </st>

[cipchk]

Try using custom widget.

[mouad-mahfoud]

this not work for me
i try to pass a TempleteRef object useing ViewChild to render property in STColumn but it give me an error No provider for STRowSource found in NodeInjector

[cipchk]

st-row needs to depend on st, like this:

<st>
  <ng-template st-row></ng-template>
</st>

Therefore, I recommend you to use custom widgets in st, and it‘s more elegance.