Server Side Pagination, Sorting, Filtering (searching) and Debouncing with Angular and .NET Web API

preview_player
Показать описание
We are taking a project with Client-Side Pagination, Sorting and Filtering and converting it to Server-Side Pagination, Sorting and Filtering. We have to make changes in both Angular and .NET Web API projects to make it work. We also talk and configure debouncing to make calls to the backend more efficient.

Starting point:

Angular project GitHub repository:

.NET Web API project GitHub repository:

Finished project:

Angular project GitHub repository:

.NET Web API project GitHub repository:
  1. DK Programming
Рекомендации по теме
Server Side Pagination, 0:14:18

Server Side Pagination, Sorting and Filtering in Angular | angular tutorial for beginners | angular

How To Use 0:20:21

How To Use MudBlazor Tables (Pagination, Sorting, Filtering, Server Side Data)

Server Side Pagination, 0:54:59

Server Side Pagination, Sorting, Filtering (searching) and Debouncing with Angular and .NET Web API

My New Favorite 0:05:45

My New Favorite Pagination Method

20. Server Side 0:35:13

20. Server Side Pagination, Filtering, Search & Sorting with Material Table in React js

Angular 15: Server-Side 0:02:00

Angular 15: Server-Side Pagination, Sorting, Filtering, and Modal Record Display

React Ag-Grid Tutorial: 0:34:02

React Ag-Grid Tutorial: Server-Side Pagination, Filtering, Search, and Sorting | Codenemy Tutorial

Angular Server Side 0:34:37

Angular Server Side Filter , Sorting & Pagination | Angular Tutorial

How to design 0:11:08

How to design API that display and filter through millions of products.REST API Filters & Pagina...

Apply searching, sorting 0:51:12

Apply searching, sorting and pagination in asp.net core mvc (server side)

Server Side Pagination 0:03:19

Server Side Pagination and Filtering

Employee List - 0:34:25

Employee List - Lazy Loading | Pagination | Filter | Sorting - Angular | PrimeNG

Angular Material table 0:48:12

Angular Material table server side pagination, sorting, filter with mongo DB express JS

Server-side Pagination with 0:19:27

Server-side Pagination with NextJS 13 Server Actions

Implement Search, Sort, 0:13:13

Implement Search, Sort, Filter and Pagination Rest API With Node JS | Express | MongoDB

How to implement 0:11:06

How to implement Server Side Pagination with TanStack Table and NextJS 13?

JQuery Data Table 0:21:03

JQuery Data Table Tutorial Part -2 (Server Side Processing) | DataTable Integration to Website

agGrid + angular: 0:15:35

agGrid + angular: Pagination, Sorting, Searching and filters [data table]

Angular 14 Material 0:29:57

Angular 14 Material UI ( dataTable with pagination + sorting + filtering + event handling)

Server-side pagination in 0:11:30

Server-side pagination in Material UI Data Grid | Material UI | MUI | Data Grid | React.Js

TanStack Table: Backend 0:14:31

TanStack Table: Backend Pagination, Filter & Sort with TanStack Query + TanStack Router

Spring Boot | 0:22:45

Spring Boot | Pagination and Sorting With Spring Data JPA | JavaTechie

Server Side Pagination 0:10:22

Server Side Pagination In Node js MySQL Express RestAPIs + Sequelize ORM Pagination Filtering Sort

Filter, sort and 0:07:34

Filter, sort and pagination in .net 7 apis

Комментарии
Автор

One suggestion.. Angular material sort direction is giving 3 states asc, desc and empty (''), So to customize it, you can set matSortDisableClear property on mat-table to disable the user from clearing the sort by finishing the sort direction cycle...Once you set, you will get only 2 directions(asc, desc)

kasthurirengans
Автор

Hi sir, thank you for your video. Could you please share the git hub code repo url

kasthurirengans