Features
This page contains structured information that will help you to start working with DHTMLX Message and go into deep dive on its functionality.
How to start with DHTMLX Pagination
In this section you can find out how to initialize Pagination with different data components, and how to integrate a pagination into your applications.
Initialization
| Topic | Description |
|---|---|
| Basic initialization | Read how to initialize a pagination on a page |
| Pagination with DataView | The example shows how to initialize DataView inside Pagination |
| Pagination with Grid | The example shows how to initialize Grid inside Pagination |
| Pagination with List | The example shows how to initialize List inside Pagination |
| Pagination with Tree | The example shows how to initialize Tree inside Pagination |
| Pagination with Grid in the TreeGrid mode | The example shows how to initialize Grid in the TreeGrid mode inside Pagination |
Integration
| Topic | Description |
|---|---|
| Backend integration | Learn how to connect DHTMLX Suite to a backend (Demo) |
| Optimus | Learn how to use DHTMLX Optimus framework for creating DHTMLX-based app (recommended framework for creating apps with Suite components) |
| React integration | Learn how to use DHTMLX Pagination with React (Demo) |
| Angular integration | Learn how to use DHTMLX Pagination with Angular (Demo) |
| Vue integration | Learn how to use DHTMLX Pagination with Vue.js (Demo) |
How to configure Pagination
In this section you will learn how to specify the initial page of Pagination and define the size of pages.
| Topic | Description |
|---|---|
| Setting initial page | Learn how to define the initial page of the pagination (Example) |
| Configuring page size | Learn how to define the number of items that should be displayed per page of the related widget (Example) |
How to customize Pagination
In this section you may study how to change the style of Pagination, how to align elements inside it, how to configure the width of Pagination input.
| Topic | Description |
|---|---|
| Aligning elements | The example shows how to align elements in Pagination |
| Setting width of input | Learn how to configure the width of the input of a pagination (Example) |
| Styling Pagination | Learn how to customize Pagination (Example) |
| List of CSS classes | A set of CSS classes provided by the DHTMLX library |
How to work with Pagination
In this section you will know how to set an active page dynamically, how to specify the number of data items which should be displayed on each page, how to get the total number of pages, and more.
| Topic | Description |
|---|---|
| Getting / setting page index | Learn how to set any page as an active page or get the index of the currently active page (Example) |
| Setting number of items displayed per page | Learn how to specify the number of items that should be displayed on each page (Example) |
| Getting number of items displayed per page | Learn how to get the count of items displayed per page (Example) |
| Getting total page count | Learn how to get the total number of pages (Example) |
How to work with Pagination events
This section explains how to work with Pagination events.
| Topic | Description |
|---|---|
| Event basic rules | Learn basic rules on how to work with events |
| Event handling | Learn how to attach, detach, or call the Pagination events (Example) |
API reference
In this section you can find out corresponding references of Pagination API.
| Topic | Description |
|---|---|
| Pagination methods | Check the list of Pagination methods |
| Pagination events | Check the list of Pagination events |
| Pagination properties | Check the list of Pagination properties |
Common functionality
In this section you will learn about common functionality of the library which can be useful while working with Pagination.
| Topic | Description |
|---|---|
| Touch support | Learn how to work with touch support |
| TypeScript support | Learn how to work with TypeScript |
| AwaitRedraw | Learn how to perform the code after the component’s rendering |
Any questions left?
Do you need more functionality? Feel free to share your suggestions in the comments below!