UNPKG

jqwidgets-framework

Version:

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

29 lines (27 loc) 1.63 kB
<!doctype html> <html> <head> <meta charset="utf-8"> <title id="Description">jQWidgets Angular PivotGrid - pivot table designer</title> <base href="./../dist/pivotgrid/designer/"> <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 Component and the Pivot Grid Designer Component. You can use the pivot grid designer to select which fields will be displayed on rows and columns. You can also select different value fields and choose an aggregation function. Simply drag and drop fields in the respective area and the pivot grid's content will update automatically. You can also click on the menu of each columns, rows, filters or values item and select additional options like text alignment, number formatting and numbers alignment. </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>