UNPKG

jqwidgets-framework

Version:

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

30 lines (28 loc) 1.74 kB
<!doctype html> <html> <head> <meta charset="utf-8"> <title id="Description">jQWidgets Angular Pivot Grid Component - drill through pivot cells</title> <base href="./../dist/pivotgrid/drill-through/"> <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 drill through functionality of the Angular Pivot Grid . This feature allows you to find the records in the data source which were used to calculate the value of a particular cell in the pivot grid. To drill through a specific grid cell double click on it and you will see a window displaying the source records. In addition to the pivot grid component, this example uses the window and datatable components. The example also demonstrates how to handle open and close events of the window component in Angular and how to enable or disable the selection functionality of the pivot grid component. </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>