Software Version:
Angular: 10.0.10
@angular/cli 10.0.6
To add Bootstrap, I used the following commands
- npm install @coreui/angular --save
- npm install bootstrap
Check out the code below:
app.module.ts
@NgModule({
bootstrap: [AppComponent]
})
registraion.component.cs
import { Component, OnInit } from '@angular/core';
import { BackendserviceService } from '../backendservice.service';
@Component({
selector: 'app-registration',
templateUrl: './registration.component.html',
styleUrls: ['./registration.component.css']
})
export class RegistrationComponent implements OnInit {
columnDefs = [
{ headerName: 'empid', field: 'empid' },
{ headerName: 'username', field: 'username' },
{ headerName: 'empaddress', field: 'empaddress' },
{ headerName: 'password', field: 'password' },
{ headerName: 'country', field: 'country' },
{
headerName: 'Edit',
template:
'<span><i class="fa fa-edit" data-action-type="edit"></i></span>',
}
];
After clicking on the edit icon and inspecting the page, you can view the screenshots here: