UNPKG

jqwidgets-scripts-custom

Version:

jQWidgets is an advanced jQuery, Angular 7, Vue, React, ASP .NET MVC, Custom Elements and HTML5 UI framework.

34 lines (33 loc) 1.79 kB
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title id='Description'>ReactJS PivotGrid drill through pivot grid cells example</title> <link rel="stylesheet" href="../jqwidgets/styles/jqx.base.css" type="text/css" /> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdata.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxmenu.js"></script> <script type="text/javascript" src="../jqwidgets/jqxpivot.js"></script> <script type="text/javascript" src="../jqwidgets/jqxpivotgrid.js"></script> <script type="text/javascript" src="../jqwidgets/jqxwindow.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdatatable.js"></script> <script type="text/javascript" src="../scripts/demos.js"></script> </head> <body class='default'> <div id="app" style='width: 800px; height: 400px;'></div> <script src="../build/pivotgrid_drill_through.bundle.js"></script> <div class="example-description"> <br /> <h2>Description</h2> <br /> <div style="width: 800px;"> This is an example of the React Pivot Grid drill through feature. It 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 pivot grid cell double click on it and you will see a window displaying the source records. </div> </div> </body> </html>