IgxGridComponent add dynamic column | Infragistics Forums

State See Verified Answer
Replies 3 replies
Subscribers 7 subscribers
Views 2312504 views
Users 0 members are here

370

IgxGridComponent add dynamic column

Shahab Ashraf posted over 5 years ago

Hi,

I want to add row action column to IgxGridComponent before it is rendered, my requirement is not to use ngFor.

I have added my custom directive on <igx-grid> which will be adding this dynamic column.

Thanks in Advance.

I tried:

let actionColumn = new IgxColumnComponent(undefined, this.gridRef.cdr);

actionColumn.header = "Actions";

actionColumn.field = "Actions";

this.gridRef.columns.push(actionColumn);

Top Replies

5105

Offline Konstantin Dinev posted over 5 years ago in reply to Shahab Ashraf +2 verified
Hi Shahab, The static columns can still be declared as a static configuration in the component, and the configuration can then be augmented with the...view reply »
5105

Offline Konstantin Dinev posted over 5 years ago +1
Hi Shahab, You need to use *ngFor in order to do this. If you can provide your component code and your template, I can assist you to move your columns...view reply »

Parents

5105

Offline Konstantin Dinev posted over 5 years ago

Hi Shahab,

You need to use *ngFor in order to do this. If you can provide your component code and your template, I can assist you to move your columns configuration to a collection you can *ngFor on top of.

Thank you for using Ignite UI for Angular!

Sincerely,

Konstantin Dinev
Cancel
Reply

Cancel
370

Offline Shahab Ashraf posted over 5 years ago in reply to Konstantin Dinev

Hi Konstantin,

all of my columns are static, there is just one column which I want to add dynamically every time.
Cancel
Reply

Cancel

Reply

5105

Verified Answer
Offline Konstantin Dinev posted over 5 years ago in reply to Shahab Ashraf

Hi Shahab,

The static columns can still be declared as a static configuration in the component, and the configuration can then be augmented with the dynamic column.

I made a small stackblitz example of how I turn this sample:

https://es.infragistics.com/products/ignite-ui-angular/angular/components/grid_paging.html

Into a sample with columns defined in configuration, and an dynamic column that is being added with a button:

https://stackblitz.com/edit/angular-1v1k8m

Thanks,

Konstantin Dinev
Cancel
Reply

Reject Answer

Cancel

Children

No Data