# Angular Grid Paging Basics

The [Angular Grid](https://www.telerik.com/kendo-angular-ui/components/grid) paging functionality enables you to split the whole data set into smaller portions and to display only the items corresponding to the current page. This vastly improves the performance in scenarios that involve large data sets. The Grid exposes a number of configuration options for customizing the look and feel of the paging feature.

You can enable the paging feature by using two methods:

* [Automatic Data Processing](https://www.telerik.com/kendo-angular-ui/components/grid/paging/basics#automatic-data-processing)—Allows you to implement paging (or other [data operations](https://www.telerik.com/kendo-angular-ui/components/grid/data-operations)) with less code.
* [Manual Paging](https://www.telerik.com/kendo-angular-ui/components/grid/paging/manual-paging)—Provides more control when implementing the paging feature.

## Automatic Data Processing

When you use the built-in [`DataBindingDirective`](https://www.telerik.com/kendo-angular-ui/components/grid/api/databindingdirective), the Grid performs the paging automatically for you. To enable the paging when the `kendoGridBinding` directive is applied:

1. Set the [`pageable`](https://www.telerik.com/kendo-angular-ui/components/grid/api/gridcomponent#pageable) option of the Grid.
2. To define the number of records per page, set the [`pageSize`](https://www.telerik.com/kendo-angular-ui/components/grid/api/gridcomponent#pageSize) property.

```html
<kendo-grid
    [kendoGridBinding]="gridData"
    [pageable]="true"
    [pageSize]="5">
    <kendo-grid-column field="name"></kendo-grid-column>
</kendo-grid>
```

> Further details on how the data binding directive works under the hood are available in the [data operations with the built-in directive](https://www.telerik.com/kendo-angular-ui/components/grid/data-operations#automatic-data-processing) documentation section.

The following example demonstrates the paging functionality with the `kendoGridBinding` directive applied.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/grid/paging/basics/source.txt)

## Suggested Links

* [Manual Paging](https://www.telerik.com/kendo-angular-ui/components/grid/paging/manual-paging)
* [Pager Settings](https://www.telerik.com/kendo-angular-ui/components/grid/paging/pager-settings)
* [API Reference of the GridComponent](https://www.telerik.com/kendo-angular-ui/components/grid/api/gridcomponent)
* [API Index of the Grid](https://www.telerik.com/kendo-angular-ui/components/grid/api)