← DataGrid API

Interface · v2.6.0

NgbDatagridPageableSettings

Pager configuration for Datagrid via `[pageable]`.

Import

import type { NgbDatagridPageableSettings } from '@angular-bootstrap/ngbootstrap';

Declaration

Properties

position

Pager placement relative to the table. Default `bottom`.

buttonCount

Maximum numeric page buttons before ellipsis collapse. Default `10`.

buttonCount?: number

info

Shows the current range and total record count. Default `true`.

info?: boolean

pageSizes

Page-size presets. `false` hides the control (set `pageSize` yourself). The active `pageSize` is included when it is not already in the list.

pageSizes?: false | number[]

previousNext

Shows previous/next pager buttons. Default `true`.

previousNext?: boolean

type

`numeric` (page buttons) or `input` (type a page number). Default `numeric`.

responsive

When `true` (default), hides info and page-size controls as the container narrows. When `false`, all controls stay visible and wrap onto new rows.

responsive?: boolean

Referenced types

Source: src/datagrid/src/models/datagrid-pageable.ts in the installed @angular-bootstrap/ngbootstrap package. Angular compiler metadata and private members are omitted.

This project is not affiliated with ng-bootstrap or ngx-bootstrap. Those projects focus mainly on Bootstrap components for Angular. ngbootstrap focuses on Angular UI for data-heavy apps, especially Data Grid, Angular-native Form Builder, drag and drop workflows, documentation examples, and performance-focused Angular patterns.