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
HTML
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title id='Description'>React PivotGrid with pivot values displayed on the columns</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/jqxtextarea.js"></script>
<script type="text/javascript" src="localization.js"></script>
<script type="text/javascript" src="../scripts/demos.js"></script>
</head>
<body class='default'>
<div id="app"></div>
<script src="../build/pivotgrid_values_on_columns.bundle.js"></script>
<div class="example-description">
<br />
<h2>Description</h2>
<div style="width: 800px;">
This is an example of React Pivot Grid with the pivot values displayed along the pivot columns.
The react pivot grid components can displays the pivot values fields either below each column
or on the right side of each pivot row. The default behavior is to display the pivot values
along the columns. To change it this option modify the pivotValuesOnRows property in the pivot data source.
</div>
</div>
</body>
</html>