UNPKG

jqwidgets-framework

Version:

jQWidgets is an advanced Angular, Vue, Blazor, React, Web Components, jquery, ASP .NET MVC, Custom Elements and HTML5 UI framework.

28 lines (26 loc) 1.49 kB
<!doctype html> <html> <head> <meta charset="utf-8"> <title id="Description">jQWidgets Angular PivotGrid - olap and tree style rows display</title> <base href="./../dist/pivotgrid/olap-tree-style-rows/"> <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> <body> <app-root>Loading...</app-root> <div class="example-description"> <h2>Description</h2> <div style="width: 800px;"> This is an example of the Angular Pivot Grid with rows rendered in a tree structure where the parent row appears above the descending rows. The Angular pivot grid also supports a rendering mode where the parent rows appear on the left side relative to their descending rows. Click the buttom below the pivot grid to switch the pivot rows display style between OLAP and compact tree-style display. </div> </div> <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>