jqwidgets-framework
Version:
jQWidgets is an advanced Angular, Vue, Blazor, React, Web Components, jquery, ASP .NET MVC, Custom Elements and HTML5 UI framework.
34 lines (22 loc) • 1.54 kB
HTML
<html lang="en">
<head>
<title id='Description'>Angular Grid Component Paging</title>
<base href="./../dist/grid/paging/">
<meta name="description" content="This is an example of how to enable the paging in Angular 10 Grid."/>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Styles -->
<link rel="stylesheet" href="/node_modules/jqwidgets-ng/jqwidgets/styles/jqx.base.css" type="text/css" />
<!-- jQWidgets -->
<script src="./../../../scripts/demos.js"></script>
</head>
<!-- Display the application -->
<body>
<div class="example-description">
This example shows how to enable the paging feature of the Angular 10 Grid. You can define the initial page and the paging size. The paging appears at the bottom of the grid. You can go to a certain page by entering the page number and you can choose how many rows to show. The default is 5,10 or 20 rows. The pager has different modes. You can also show the pages on the left and click on a page number.
</div>
<app-root>Loading...</app-root>
<script src="runtime-es2015.js" type="module"></script><script src="polyfills-es2015.js" type="module"></script><script src="runtime-es5.js" nomodule></script><script src="polyfills-es5.js" nomodule></script><script src="main-es2015.js" type="module"></script><script src="main-es5.js" nomodule></script>
</body>
</html>