Angular Custom Table with ngTemplateOutlet, Content Projection, Pagination & Directives | Part 1

preview_player
Показать описание
Simple and minimal table component with pagination that can be reused! In the first part we'll create component and paging functionality.

— Source code

— Chapters
0:00 Intro
0:41 Adding component and markup
2:55 Styles
6:10 Setup paging
7:50 Paginate method
9:58 Next and previous methods
11:52 Adding dynamic height to table

—

— Beats

JOY.

—

— Previous uploads

—

#angular #table #pagination
  1. ALL.DESIGN
  2. angular table
  3. table angular
  4. angular paging
  5. paging angular
  6. pagination
Рекомендации по теме
Angular Custom Table 0:08:20

Angular Custom Table with ngTemplateOutlet, Content Projection, Pagination & Directives | Part 2

Angular Custom Table 0:13:25

Angular Custom Table with ngTemplateOutlet, Content Projection, Pagination & Directives | Part 1

ngTemplateOutlet is WAY 0:16:36

ngTemplateOutlet is WAY more useful than I realised

#33 ng-template in 0:11:04

#33 ng-template in Angular | Angular Component & Directives | A Complete Angular Course

Using ngTemplateOutlet to 0:06:14

Using ngTemplateOutlet to Insert Templates in Various Sections on Page

Angular 15 : 0:05:05

Angular 15 : Use of ngTemplateOutlet

Reusable Table Component 0:23:35

Reusable Table Component Angular 17 | Angular tutorial

Reusable Table Component 0:42:22

Reusable Table Component in Angular | Reusable Component Angular

NgTemplateOutlet in angular 0:04:52

NgTemplateOutlet in angular | Part 36

Angular - ngTemplateOutlet 0:17:57

Angular - ngTemplateOutlet

Angular Material Table 0:05:00

Angular Material Table with Filtering, Sorting, Pagination, Deletion, Customized Column Data

Dynamic Component Architecture 0:29:47

Dynamic Component Architecture (Reusable Tables) (Angular Monthly Meetup)

Angular ngTemplateOutlet 0:07:40

Angular ngTemplateOutlet

Angular Sorting and 0:24:11

Angular Sorting and Filtering Data - Without Any Libraries

Create Custom Datatable 0:01:34

Create Custom Datatable with Angular 13 + Bootstrap 5

Reusable Table Component 0:07:28

Reusable Table Component Angular | angular tutorial | angular tutorial for beginners

Kurs Angular - 0:03:07

Kurs Angular - dyrektywa ngTemplateOutlet #7

This random PR 0:23:50

This random PR taught me how to strongly type my generic Angular component

Angular Material Table 0:11:03

Angular Material Table 1

Reusable Tab Component 0:17:36

Reusable Tab Component In Angular | angular tutorial for beginners | angular tutorial

Part-24 : NgTemplateOutlet 0:12:40

Part-24 : NgTemplateOutlet | How to use the NgTemplateOutlet in Angular?

Have You Used 0:23:02

Have You Used ngTemplateOutletInjector Yet? | Chau Tran | Angular Community Meetup | ng-conf

Angular Custom Package 0:17:06

Angular Custom Package Part -2: How to create a reusable grid.

Angular template outlet 0:16:12

Angular template outlet | HTML Reusability | Angular template context

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

very nice example with implement of pagination and custom height of a table.smart stuff

volodymyrborys
Автор

The source code repository doesn't work :C

cristianivanbravocontreras
Автор

Very nice tutorial, how you use the grids is the most amazing thing i have learnt from this channel, Do a video on clickable tables like the one

golander
Автор

Hi, Your sourcecode page seems to have moved. Can you please tell us where the sourcecose is now? Thanks

JoshyHJoshy