jqwidgets-scripts-custom
Version:
jQWidgets is an advanced jQuery, Angular 7, Vue, React, ASP .NET MVC, Custom Elements and HTML5 UI framework.
30 lines (28 loc) • 1.5 kB
HTML
<html lang="en">
<head>
<title id='Description'>ReactJS PivotGrid Cell Values Alignment</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="../scripts/demos.js"></script>
</head>
<body class='default'>
<div id="app"></div>
<script src="../build/pivotgrid_cell_values_alignment.bundle.js"></script>
<div class="example-description">
<h2>Description</h2>
<br />
<div style="width: 800px;">
This ReactJS PivotGrid example demonstrates how to change the alignment of the values displayed in the pivot grid cells.
The default behavior is to align the values to the right side of the grid cells. To change the default cells alignment, use the
formatSettings align property during the definition of the value fields of the pivot grid.
</div>
</div>
</body>
</html>