create dynamic table columns with column filter in angular

Hi Siva

 

 

For this we need to apply some logic suppose we have a textbox that you can enter no of rows and in other textbox we enter number of columns 

 

After the just iterate it and put logic for dynamic creation of table 

I'm assuming you wish to display the data in tabular format. What I would recommend in this situation is instead reinventing the wheel and building all the features by yourself like, filtering, pagination, etc. I would recommend using one of the many open source components available in the Angular ecosystem. 

 

Some of the popular options include:

1. Mat Table - https://material.angular.io/components/table/overview

2. Ngx Datatable - https://swimlane.github.io/ngx-datatable

3. PrimeNG Table - https://www.primefaces.org/primeng/

4. Angular DataTables - https://l-lin.github.io/angular-datatables/#/welcome 

Hi,

 

please find below link,

 

https://www.c-sharpcorner.com/article/dynamically-add-and-remove-row-in-angular-7/

 

https://www.c-sharpcorner.com/article/learn-mvc-using-angular-dynamic-control-in-datatable/