Show Table Date in angular component both table and grid view
Hello guys, Some Scenario , as per our client or company requirement, We have to render same data in 1 component both table and grid view. You can style according to as per our requirement and more functionality. Lets set up first our angular project by terminal.(ng new grid-listangular). Here grid-listangular is the project name. you can choose different name as well. Make sure to import all necessary module in app.modules.ts file. Then now create a component ng g c gridlist(gridlist is component name). Here we are fetching data from dummy api url, you can replace your own api. Make sure import import {HttpClientModule} from "@angular/common/http"; Here is the gridlist.component.html code. <div class="container"> <div class="main"> <div class="btn-group btn-group-toggle" ngbRadioGroup name="radioBasic" [(ngModel)]="grid"> <label ngbButtonLa...
