Page Size Control

Page size control allows changing the number of items on a page.

<select data-grid-control="page-size" style="width: 200px">
<option value="4">4 items per page</option>
<option value="8">8 items per page</option>
<option value="12">12 items per page</option>
<option value="16">16 items per page</option>
<option value="Infinity">all</option>
</select>

Data Attribute

Value

Description

Required

data-grid-control

page-size

This attribute defines the control type.

Required

data-scroll-top

no value

If this data attribute exists,

the page will scroll to the top each time

a pagination button will be pressed.

Optional

Initial value

To define the initial page size value, the following setting should be passed to the initialization function:

<script>
datagrid({
pageSize: 12
});
</script>