create dynamic table columns with column filter in angular

Question

Hi All, Need to create a dynamic table rows and columns with column in angular with typescript

Siddharth Gajbhiye · Answer

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

Harshal Limaye · Answer

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

Ronika Jency · Answer

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/

create dynamic table columns with column filter in angular

Answers (3)