ef-grid-paging

<ef-grid-paging [options]="{ pageCount: 100, currentPage: 100, buttonsCount: 7, enableFirstAndLast: true, pageLink: '../sublink', enablePageLinks: true }" (navigateToPage)="navigate($event)">

Usage no npm install needed!

<script type="module">
  import efGridPaging from 'https://cdn.skypack.dev/ef-grid-paging';
</script>

README

EfGridPaging

გამოყენება:

<ef-grid-paging
    [options]="{ 
    pageCount: 100,
    currentPage: 100,
    buttonsCount: 7,
    enableFirstAndLast: true,
    pageLink: '../sublink',
    enablePageLinks: true 
}"
    (navigateToPage)="navigate($event)"></ef-grid-paging>

გადაეცემა შემდეგი პარამეტრები:

export interface PagingOptions {
    pageCount: number; // მთლიანი გვერდების რიცხვი
    currentPage: number; // მიმდინარე გვერდი
    buttonsCount: number; // ღილაკების რაოდენობა
    enableFirstAndLast: boolean; // სულ პირველ და სულ ბოლო გვერდზე გადასვლის ღილაკები
    pageLink?: string; // ღილაკებზე მოსადები ლინკი
    enablePageLinks: boolean; // ღილაკებზე მოსდოს თუ არა ლინკები
}

თუ ლინკებით ნავიგაცია არ გვინდა და უბრალოდ გვინდა დაგვიბრუნოს გადასასვლელი გვერდის ნომერი, მაშინ ვიყენებთ ამ პარამეტრს:

(navigateToPage)="navigate($event)"