https://github.com/uniclau/jbPivot
A simple jQuery pivot table widget
https://github.com/uniclau/jbPivot
Last synced: 5 months ago
JSON representation
A simple jQuery pivot table widget
- Host: GitHub
- URL: https://github.com/uniclau/jbPivot
- Owner: uniclau
- License: gpl-3.0
- Created: 2013-05-17T11:58:41.000Z (almost 12 years ago)
- Default Branch: master
- Last Pushed: 2015-05-11T22:56:46.000Z (almost 10 years ago)
- Last Synced: 2024-11-11T22:15:55.890Z (5 months ago)
- Language: JavaScript
- Size: 226 KB
- Stars: 42
- Watchers: 8
- Forks: 19
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- jimsghstars - uniclau/jbPivot - A simple jQuery pivot table widget (JavaScript)
README
# jbPivot
A simple jQuery pivot table widget
## Web site
For examples and usages see:
## Version
0.1 - First Version
## Usage
Include jquery and jqueryui:
Include jbPivot and the css file:
Insert a div where you want the table:
Initialize the table:
$("#myTable").jbPivot(options);
Where options has the next format.
var options= { fields: {
: {
field: ""
,label: ""
,sort: <"asc"|"desc">
,showAll:
,groupType: <"distinct"*|"none"|...>
,agregateType: <"distinct"*|"count"|"average"|"sum"|...>
,formatter:
}
,...(0..n)
}
,xfields:["" ,...(0..n) ]
,yfields:["" ,...(0..n) ]
,zfields:["" ,...(0..n) ]
,copyright:
,summary:
,data: [
{"":
,...(0..n)
}
,...(0..n)
]
,formatter: <"default"*|...|function(val, field) { // Only called when the field specific formated is not defined
// Calculate the formated val
return formatedVal;
}
,l_all: "All" // Translation of the word all to be displayed
,l_unused_fields: "Unused fields" //Translation of the word "Unused fields to be displayed"
};
Yo can insert more records to the table dinamicaly:
$("#pivot1").data('jbPivot').insertRecords([
{id:1 ,gender:"male", age:"30-40",eyes:"green", v:8},
{id:2 ,gender:"male", age:"20-30",eyes:"brown", v:7},
{id:3 ,gender:"male", age:"30-40",eyes:"brown", v:3},
{id:4 ,gender:"female", age:"40-50",eyes:"brown", v:5},
{id:5 ,gender:"male", age:"30-40",eyes:"green", v:7},
{id:6 ,gender:"male", age:"30-40",eyes:"green", v:9},
{id:7 ,gender:"female", age:"40-50",eyes:"green", v:8}
]);
In order to insert a field, You change the options, meke a reset and then reinsert the data:
$("#pivot1").data('jbPivot').options.fields.NewField={ field: 'v', agregateType: "sum", groupType:"none" };
$("#pivot1").data('jbPivot').reset();
$("#pivot1").data('jbPivot').insertRecords([
{id:1 ,gender:"male", age:"30-40",eyes:"green", v:8},
{id:2 ,gender:"male", age:"20-30",eyes:"brown", v:7},
{id:3 ,gender:"male", age:"30-40",eyes:"brown", v:3},
{id:4 ,gender:"female", age:"40-50",eyes:"brown", v:5},
{id:5 ,gender:"male", age:"30-40",eyes:"green", v:7},
{id:6 ,gender:"male", age:"30-40",eyes:"green", v:9},
{id:7 ,gender:"female", age:"40-50",eyes:"green", v:8},
]);
Goto to see more examples.
## Author
Uniclau S.L.
## License
Copyright 2013 Uniclau S.L. (www.uniclau.com)
This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
There is a copy of the license in the COPYING file in this directory.
You can also find it at .