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>

Last modified 2yr ago

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