Skip to main content

Posts

Showing posts with the label Material Angular Table Pagination

Material Angular Table Pagination,Material Angular Table, Part 1

Material Angular Table with All Features Part1 We will experiment with material angular tables' all feature. Code Action @ StackBlitz
Before starting the experiment points to be done as below To create  angular project refer hereAdd material dependency refer hereImport angular material Tables' API to App module import {MatTableModule} from '@angular/material/table';
Feature's PaginationSortingFilteringSelectionFooter rowSticky Rows and ColumnsDataSource The simplest way to provide data to the table is by passing a data array to the table's data source input.MatTableDataSource is the best data source type for mat table. have to assign the array object to MatTableDataSource as below. //in Html template < table mat-table [dataSource]="custSource" matSort class="mat-elevation-z8" </ table >
// To Import import {MatTableDataSource} from '@angular/material'; // in component declare MatTableDataSource
public custSource: any = new…