Create Pivottable

From Documentation


WarningTriangle-32x32.png This page is under construction, so we cannot guarantee the accuracy of the content!

With a PivotModel, we can easily create a Pivottable component.

Create a Pivottable

Given a PivotModel, creating a Pivottable is as simple as

<pivottable model="${model}" />

Attributes

Grand totals

You can show or hide grand total rows or columns by specfiying

<pivottable model="${model}" grandTotalForColumns="false" grandTotalForRows="false" />

Default values are true.


Data orientation

Data orientation means how to arrange data when there are more than one data fields. For example, if we specify "Price" and "Mileage" as data field,

<pivottable model="${model}" dataOrient="column" />

gives

ZKPivotEsn work pivot 24.png

and

<pivottable model="${model}" dataOrient="row" />

will give

ZKPivotEsn work pivot 22.png


 

Title Cells

Pivottable can accept up to 3 child components, which will represent the 3 title cells in the order of data title, column title, and row title. For example,

<pivottable model="${model}">
	<div style="color: red">My Data Title</div>
	<div style="color: blue">My Column Title</div>
	<div style="color: green">My Row Title</div>
</pivottable>

results in

ZKPivotEsn work pivot 26.png


Paging

Version History

Last Update : 2011/03/28


Version Date Content
     



Last Update : 2011/03/28

Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.