Skip to content

Grid functionality such as Sorting, filtering, multi-select check-Box, paginator and searching using PRIME-NG in Angular10 and .Net WEB-API

Notifications You must be signed in to change notification settings

Amisha5/PrimeNG_Grid_Functionality_Angular10

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 

Repository files navigation

PrimeNG_Grid_Functionality_Angular10

Grid functionality such as Sorting, filtering, multi-select check-Box, paginator and searching using PRIME-NG in Angular10 and .Net WEB-API

Software's required to Design application are:

1.Visual Studio Code : Angular UI design
2.MySQL WorkBench : Database Management
3.Visual Studio 2019 : ASP.NET Core WebApi

Required Library's to Design UI are:

Prime-NG: Prime-NG is a open source Library of Angular

Commands used for Installing Prime-NG Angular packages for UI Design are:

1. npm install primeng@11.4.2
2. npm install primeicons --save
3. ng add @ng-bootstrap/ng-bootstrap

Packages used for run .Net WEB-API with Mysql WorkBench are:

1. MySql.Data : Installed from NuGet Package manager in .Net WEB_API application
2. MySqlConnector: Installed from NuGet Package manager in .Net WEB_API application

Employee Data

Grid_SS1

Select all the Employee Records on click of single check-Box

Grid_SS2

By typing in search_InputBox, it will return the specific record corresponding to the search item

Grid_SS3

On click of specific table header column it will sort the record corresponding to the column

Grid_SS4

About

Grid functionality such as Sorting, filtering, multi-select check-Box, paginator and searching using PRIME-NG in Angular10 and .Net WEB-API

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published