jqwidgets-framework
Version:
jQWidgets is an advanced Angular, Vue, Blazor, React, Web Components, jquery, ASP .NET MVC, Custom Elements and HTML5 UI framework.
33 lines (22 loc) • 1.58 kB
HTML
<html lang="en">
<head>
<title id='Description'>Angular Data Grid Component Grouping</title>
<base href="./../dist/grid/grouping/">
<meta name="description" content="This is an example of the basic grouping 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 demonstrates basic grouping in Angular 10 Grid and shows collapsible data groups that can be customized via the 'Group By' header menu option or via drag and drop of grid column headers. You have the options to expand or collapse the groups. The grouping can also work when the Pager feature is enabled. In addition you have the option to show aggregates. The aggregates are shown next to the groups or at the bottom of the grid.
</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>