<!DOCTYPE html>
<
html
lang
=
"en"
>
<
head
>
<
link
rel
=
"stylesheet"
href
=
"jqwidgets/styles/jqx.base.css"
type
=
"text/css"
/>
<
script
type
=
"text/javascript"
src
=
"scripts/jquery-1.11.1.min.js"
>
</
script
>
<
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/jqx-all.js"
>
</
script
>
</
head
>
<
body
>
<
center
>
<
h1
style
=
"color:green;"
>
GeeksforGeeks
</
h1
>
<
h3
>
jQWidgets jqxPivotGrid scrollBarsEnabled Property
</
h3
>
<
div
id
=
"jqx_Pivot_Grid"
style
=
"height:160px; width:270px;"
>
</
div
>
<
input
type
=
"button"
style
=
"margin:10px;"
id
=
"button_for_scrollBarsEnabled"
value
=
"Value of the scrollBarsEnabled property"
/>
<
div
id
=
"log"
></
div
>
<
script
type
=
"text/javascript"
>
$(document).ready(function () {
var data = new Array();
var i = 0;
while (i <= 2) {
var Column = ["Company"];
var Domain = ["Progamming",
"CS subjects",
"GATE preparation"];
var Rank = ["Ranking"];
var row = {};
row["Domain"] = Domain[i];
row["Column"] = "Company";
row["Rank"] = "Domain";
data.push(row);
i++;
}
var dataAdapter = new $.jqx.dataAdapter({
localdata: data,
datafields:
[
{ name: 'Rank', type: 'string' },
{ name: 'Domain', type: 'string' },
{ name: 'Column', type: 'string' },
]
});
var pivotDataSource = new $.jqx.pivot(
dataAdapter,
{
values: [
{ text: 'GeeksforGeeks' }
],
columns: [{ dataField: 'Column' }],
rows: [{ dataField: 'Rank' },
{ dataField: 'Domain' }],
}
);
$('#jqx_Pivot_Grid').jqxPivotGrid({
source: pivotDataSource,
scrollBarsEnabled: true
});
$("#button_for_scrollBarsEnabled").jqxButton({
width: 300
});
$('#button_for_scrollBarsEnabled')
.jqxButton().click(function () {
var a = $('#jqx_Pivot_Grid')
.jqxPivotGrid('scrollBarsEnabled');
$('#log').html(a);
})
});
</
script
>
</
center
>
</
body
>
</
html
>