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.86 kB
HTML
<html>
<head>
<meta charset="utf-8">
<title id="Description">jQWidgets Angular Pivot Grid Component - Cell values alignment and number settings</title>
<base href="./../dist/pivotgrid/cell-values-alignment/">
<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 example demonstrates how to change the alignment of the values displayed in gric cells of the Angular pivot component.
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 Angular pivot grid. In addition to
cells content alignment, the formatSettings object allows you to specify how to format the numbers displayed in the pivot
grid cells. For example, you may change the number of digits after the decimal point, the thousands separator, whether
negative numbers will be displayed in brackets or with a minus sign, as well as custom prefix and sufix text.
</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>