NjDataGrid

A datagrid for angular 6 with .net core 2.1. Ongoing project

Frameworks

.Net Core 2.1
1. Repository Patterns and Dependency Injections
2. Generics
3. Actions, Expressions and other delegates
4. Dynamic Linq
- Preview2.2 branch uses .net core 2.2 preview version. Use this branch only incase you know the risk of using preview version.
Angular 6
1. Custom Datagrid
2. Dynamic Columns and Action Button
3. Dynamic Pagination Features
4. Dynamic Search Box (One from all or separate Columns for each Textbox)

Codes

In this project, other than generic function, there are some codes, written just to show implementation of certain features in C#. There may be better ways to do. But we wrote it to show some of C# advance features. You will not need this to implement datagrid in your project.

     Func<string, string, string> FullName = 
                    delegate(string firstName, string lastName)
                  {
                      return firstName + " " + lastName;

                  };
     result.Items.ToList().ForEach(p => p.FullName = FullName(p.FirstName, p.LastName));

Steps

Open Command prompt and go to project folder, NjGrid

(Make sure that npm and .net core 2.1 is installed).

Inside NjGrid Folder. In command prompt type dotnet restore
Inside ClientApp folder inside NjGrid folder, type in command prompt npm i
Again from NjGrid Folder, Type in command prompt, dotnet build
Type dotnet run or dotnet watch run as per your choice or requirements

Sample Image

Our saying

Though We have tried to implement easy to understand and readable as well as generic functions without compromising with the best coding practise along with standard and efficient codes, there may be sections and areas needed to improve.

You are most welcome to suggest change.

Recommend Projects