Html5 Grid

bug Get grid's height

by mogador

HTML

<script src="https://jqwidgets.com/public/jqwidgets/jqx-all.js"></script>
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.base.css">
<link rel="stylesheet" href="https://jqwidgets.com/public/jqwidgets/styles/jqx.energyblue.css">
<script src="https://jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/generatedata.js"></script>
<button id="bt_small">height of small grid ?</button>
<button id="bt_big">height of big grid ?</button>
<br><br>
<div id="jqxgrid_small"></div>
<br>
<br>
<div id="jqxgrid_big"></div>

JavaScript

$('#bt_small').click(function() {
          alert($("#jqxgrid_small").jqxGrid('height'));
        });

        $('#bt_big').click(function() {
          alert($("#jqxgrid_big").jqxGrid('height'));
        });

 var data2 = generatedata(2);
 var source2 = {
     localdata: data2,
     datafields: [{
         name: 'firstname',
         type: 'string'
     }, {
         name: 'lastname',
         type: 'string'
     }],
     datatype: "array"
 };
 
 var adapter2 = new $.jqx.dataAdapter(source2);
 $("#jqxgrid_small").jqxGrid({
     width: 200,
     theme: 'energyblue',
autoheight: true,
     source: adapter2,
     sortable: true,
     columns: [{
         text: 'First Name',
         datafield: 'firstname',
         width: 90
     }, {
         text: 'Last Name',
         datafield: 'lastname',
         width: 90
     }]
 });
 
   var data50 = generatedata(50);
 var source50 = {
     localdata: data50,
     datafields: [{
         name: 'firstname',
         type: 'string'
     }, {
         name: 'lastname',
         type: 'string'
     }],
     datatype: "array"
 };
 
  var adapter50 = new $.jqx.dataAdapter(source50);
 $("#jqxgrid_big").jqxGrid({
     width: 200,
     theme: 'energyblue',
autoheight: true,
     source: adapter50,
     sortable: true,
     columns: [{
         text: 'First Name',
         datafield: 'firstname',
         width: 90
     }, {
         text: 'Last Name',
         datafield: 'lastname',
         width: 90
     }]
 });