"options" : {
"editable":false
,"columnHeight":20
,"cellHeight":20
,"fixColumn":1
,"conditionalstyle":""
,"autohiddencols":true
,"appendmode":false
,"indicator":{"show":true,"width":30}
,"selector":{"show":true,"width":20,"checked":"none","type":"check"}
,"columns" : [
{"text":"Solution","alignment":"center","width":100,"type":"column","height":20,"editable":"false","visible":"true","sortable":true,"sortType":"string","editor":{"type":"text","alignment":"left"},"style":"CateStyle","field":"fld1"}
,{"text":"America","alignment":"center","width":80,"type":"column","height":20,"editable":"false","visible":"true","sortable":true,"sortType":"string","editor":{"type":"text","alignment":"left"},"style":"Level1","field":"fld2"}
,{"text":"Japan","alignment":"center","width":80,"type":"column","height":20,"editable":"false","visible":"true","sortable":true,"sortType":"string","editor":{"type":"text","alignment":"left"},"style":"Level1","field":"fld3"}
,{"autohiddenwidth":"450","text":"Vietnam","alignment":"center","width":80,"type":"column","height":20,"editable":"false","visible":"true","sortable":true,"sortType":"string","editor":{"type":"text","alignment":"left"},"style":"Level2","field":"fld4"}
,{"autohiddenwidth":"500","text":"China","alignment":"center","width":80,"type":"column","height":20,"editable":"false","visible":"true","sortable":true,"sortType":"string","editor":{"type":"text","alignment":"left"},"style":"Level2","field":"fld5"}
,{"autohiddenwidth":"550","text":"Indonesia","alignment":"center","width":80,"type":"column","height":20,"editable":"false","visible":"true","sortable":true,"sortType":"string","editor":{"type":"text","alignment":"left"},"style":"Level2","field":"fld6"}
,{"autohiddenwidth":"650","text":"Korea","alignment":"center","width":80,"type":"column","height":20,"editable":"false","visible":"true","sortable":true,"sortType":"string","editor":{"type":"text","alignment":"left"},"style":"Level3","field":"fld7"}
,{"autohiddenwidth":"700","text":"Taiwan","alignment":"center","width":80,"type":"column","height":20,"editable":"false","visible":"true","sortable":true,"sortType":"string","editor":{"type":"text","alignment":"left"},"style":"Level3","field":"fld8"}
,{"autohiddenwidth":"700","text":"Rusia","alignment":"center","width":80,"type":"column","height":20,"editable":"false","visible":"true","sortable":true,"sortType":"string","editor":{"type":"text","alignment":"left"},"style":"Level3","field":"fld9"}
,{"autohiddenwidth":"700","text":"India","alignment":"center","width":80,"type":"column","height":20,"editable":"false","visible":"true","sortable":true,"sortType":"string","editor":{"type":"text","alignment":"left"},"style":"Level3","field":"fld10"}
]
,"style" : {
"CateStyle" : {
"header":{"color":"#4169e1","font":{"style":"normal","variant":"normal","weight":"bold","size":12,"lineHeight":"normal","family":"Tahoma","color":"#ffffff","text":"bold 12px Tahoma"}}
,"cell":{"color":"#edf3ff","font":{"style":"normal","variant":"normal","weight":"normal","size":11,"lineHeight":"normal","family":"Tahoma","color":"black","text":"normal 11px Tahoma"}}
}
,"Level1" : {
"header":{"color":"#708a3e","font":{"style":"normal","variant":"normal","weight":"bold","size":12,"lineHeight":"normal","family":"Tahoma","color":"#ffffff","text":"bold 12px Tahoma"}}
,"cell":{"color":"#f0fff0","font":{"style":"normal","variant":"normal","weight":"normal","size":11,"lineHeight":"normal","family":"Tahoma","color":"black","text":"normal 11px Tahoma"}}
}
,"Level2" : {
"header":{"color":"#6b6b0c","font":{"style":"normal","variant":"normal","weight":"bold","size":12,"lineHeight":"normal","family":"Tahoma","color":"#ffffff","text":"bold 12px Tahoma"}}
,"cell":{"color":"#fcffed","font":{"style":"normal","variant":"normal","weight":"normal","size":11,"lineHeight":"normal","family":"Tahoma","color":"black","text":"normal 11px Tahoma"}}
}
,"Level3" : {
"header":{"color":"#757575","font":{"style":"normal","variant":"normal","weight":"bold","size":12,"lineHeight":"normal","family":"Tahoma","color":"#ffffff","text":"bold 12px Tahoma"}}
,"cell":{"color":"#f5f5f5","font":{"style":"normal","variant":"normal","weight":"normal","size":11,"lineHeight":"normal","family":"Tahoma","color":"black","text":"normal 11px Tahoma"}}
}
}
,"effect":{"columnHighlight":true}
,"size":{"vertScrollWidth":19}
,"footer":{"show":true,"height":24}
}
Fully Responsive Design
When you use a theme created by Start Bootstrap, you know that the theme will look great on any device, whether it's a phone, tablet, or desktop the page will behave responsively!
"data" : {
"datasets" : [
{"data":[5,15,26,45,27],"backgroundColor":"rgba(255, 99, 132, 0.1)","label":"Y[wai]","hoverBorderWidth":[null,null,null,null,null],"fill":true,"showLine":true,"borderColor":"rgba(255, 99, 132, 1)"}
,{"label":"waiReport","data":[2,20,16,40,35],"fill":true,"showLine":true,"backgroundColor":"rgba(99, 255, 132, 0.1)","borderColor":"rgba(99, 255, 132, 1)"}
,{"label":"waiDoc","data":[0,0,0,29,40],"fill":true,"showLine":true,"backgroundColor":"rgba(99,132,255, 0.1)","borderColor":"rgba(99,132,255, 1)"}
,{"label":"CNCC","data":[37,48,32,37,42],"fill":true,"showLine":true,"backgroundColor":"rgba(139,0,139,0.1)","borderColor":"rgba(139,0,139,1)"}
,{"label":"GBS","data":[31,22,11,34,22],"fill":true,"showLine":true,"backgroundColor":"rgba(255,165,0,0.1)","borderColor":"rgba(255,165,0,1)"}
]
,"labels":["2015","2016","2017","2018","2019"]
},
"option" : {
"responsive":false
,"title":{"display":false,"position":"top"}
,"legend":{"display":true,"reverse":false,"position":"top","labels":{"boxWidth":10,"usePointStyle":false,"fontSize":9}}
,"scales":{"xAxes":[{"display":true,"gridLines":{"display":true,"offsetGridLines":true},"ticks":{"display":true},"scaleLabel":{"display":false}}],"yAxes":[{"display":true,"gridLines":{"display":true},"ticks":{"beginAtZero":false,"display":true},"scaleLabel":{"display":false}}]}
,"tooltips":{"enabled":true,"mode":"nearest","intersect":true,"displayColors":true}
,"animation":{"animateScale":false}
}
"data" : {
"datasets":[{"data":[50,40,26,95,25],"backgroundColor":["rgba(255, 99, 132, 0.5)","rgba(255, 159, 64, 0.5)","rgba(255, 205, 86, 0.5)","rgba(75, 192, 192, 0.5)","rgba(54, 162, 235, 0.5)"],"label":"License Count","borderWidth":[null,null,null,null,null],"hoverBorderWidth":[null,null,null,null,null]}]
,"labels":["Y[wai]","waiReport","waiDoc","CNCC","GBS"]
},
"option" : {
"responsive":false
,"title":{"display":false,"position":"top"}
,"legend":{"display":false,"reverse":false,"position":"top","labels":{"usePointStyle":false}}
,"showPieceLabel":{"enabled":true,"mode":"label","fontSize":13,"fontColor":"rgba(117,117,117,1)","fontFamily":"\"arial\""}
,"tooltips":{"enabled":true,"mode":"nearest","intersect":true,"displayColors":true}
,"animation":{"animateScale":false}
}
Updated For Bootstrap 4
Newly improved, and full of great utility classes, Bootstrap 4 is leading the way in mobile responsive web development! All of the themes on Start Bootstrap are now using Bootstrap 4!
"options" : {
"editable":false
,"columnHeight":20
,"cellHeight":20
,"fixColumn":1
,"conditionalstyle":""
,"autohiddencols":true
,"appendmode":false
,"indicator":{"show":true,"width":30}
,"selector":{"show":true,"width":20,"checked":"none","type":"check"}
,"columns" : [
{"text":"No","alignment":"center","width":40,"type":"column","height":20,"editable":"false","visible":"true","sortable":true,"sortType":"string","editor":{"type":"text","alignment":"center"},"style":"CateStyle","field":"fld1"}
,{"text":"Id","alignment":"center","width":80,"type":"column","height":20,"editable":"false","visible":"true","sortable":true,"sortType":"string","editor":{"type":"text","alignment":"center"},"style":"Level1","field":"fld2"}
,{"text":"First Name","alignment":"center","width":100,"type":"column","height":20,"editable":"false","visible":"true","sortable":true,"sortType":"string","editor":{"type":"text","alignment":"center"},"style":"Level1","field":"fld3"}
,{"autohiddenwidth":450,"text":"Last Name","alignment":"center","width":100,"type":"column","height":20,"editable":"false","visible":"true","sortable":true,"sortType":"string","editor":{"type":"text","alignment":"center"},"style":"Level2","field":"fld4"}
,{"autohiddenwidth":500,"text":"Gender","alignment":"center","width":80,"type":"column","height":20,"editable":"false","visible":"true","sortable":true,"sortType":"string","editor":{"type":"text","alignment":"center"},"style":"Level2","field":"fld5"}
,{"autohiddenwidth":550,"text":"Date of Birth","alignment":"center","width":120,"type":"column","height":20,"editable":"false","visible":"true","sortable":true,"sortType":"string","editor":{"type":"text","alignment":"center"},"style":"Level2","field":"fld7"}
,{"autohiddenwidth":600,"text":"E-mail","alignment":"center","width":150,"type":"column","height":20,"editable":"false","visible":"true","sortable":true,"sortType":"string","editor":{"type":"text","alignment":"center"},"style":"Level3","field":"fld6"}
,{"autohiddenwidth":600,"text":"Salary","alignment":"center","width":80,"type":"column","height":20,"editable":"false","visible":"true","sortable":true,"sortType":"string","editor":{"type":"text","alignment":"center"},"style":"Level3","field":"fld8"}
]
,"style" : {
"CateStyle" : {
"header":{"color":"#4169e1","font":{"style":"normal","variant":"normal","weight":"bold","size":12,"lineHeight":"normal","family":"Tahoma","color":"#ffffff","text":"bold 12px Tahoma"}}
,"cell":{"color":"#edf3ff","font":{"style":"normal","variant":"normal","weight":"normal","size":11,"lineHeight":"normal","family":"Tahoma","color":"black","text":"normal 11px Tahoma"}}
}
,"Level1" : {
"header":{"color":"#708a3e","font":{"style":"normal","variant":"normal","weight":"bold","size":12,"lineHeight":"normal","family":"Tahoma","color":"#ffffff","text":"bold 12px Tahoma"}}
,"cell":{"color":"#f0fff0","font":{"style":"normal","variant":"normal","weight":"normal","size":11,"lineHeight":"normal","family":"Tahoma","color":"black","text":"normal 11px Tahoma"}}
}
,"Level2" : {
"header":{"color":"#6b6b0c","font":{"style":"normal","variant":"normal","weight":"bold","size":12,"lineHeight":"normal","family":"Tahoma","color":"#ffffff","text":"bold 12px Tahoma"}}
,"cell":{"color":"#fcffed","font":{"style":"normal","variant":"normal","weight":"normal","size":11,"lineHeight":"normal","family":"Tahoma","color":"black","text":"normal 11px Tahoma"}}
}
,"Level3" : {
"header":{"color":"#757575","font":{"style":"normal","variant":"normal","weight":"bold","size":12,"lineHeight":"normal","family":"Tahoma","color":"#ffffff","text":"bold 12px Tahoma"}}
,"cell":{"color":"#f5f5f5","font":{"style":"normal","variant":"normal","weight":"normal","size":11,"lineHeight":"normal","family":"Tahoma","color":"black","text":"normal 11px Tahoma"}}
}
}
,"effect":{"columnHighlight":true}
,"size":{"vertScrollWidth":19}
,"footer":{"show":true,"height":24}
}
