jqxdropdownlist shorter version Sept 22

Set the altrows property of the jqxGrid. Author: http://jqwidgets.com

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">
<div id="jqxgrid"></div>
<input type="button" style="margin: 50px;" id="jqxbutton" value="Get rows" />

JavaScript

var data = new Array();
            var firstNames = [
                "Andrew", "Nancy", "Shelley", "Regina", "Yoshi", "Antoni", "Mayumi", "Ian", "Peter", "Lars", "Petra", "Martin", "Sven", "Elio", "Beate", "Cheryl", "Michael", "Guylene"];
            var lastNames = [
                "Fuller", "Davolio", "Burke", "Murphy", "Nagase", "Saavedra", "Ohno", "Devling", "Wilson", "Peterson", "Winkler", "Bein", "Petersen", "Rossi", "Vileid", "Saylor", "Bjorn", "Nodier"];
                var yearEligible = [
                "Y", "N", "Y", "Y", "Y", "Y", "N", "N", "N", "N", "Y", "N", "N", "N", "Y", "N", "Y", "N"];
            
            for (var i = 0; i < 5; i++) {
                var row = {};
              
                row["firstname"] = firstNames[Math.floor(Math.random() * firstNames.length)];
                row["yeareligible"]= yearEligible[Math.floor(Math.random() * yearEligible.length)];
                row["startyearValue"]=  null;
                row["endyearValue"]=  null;
              
                data[i] = row;
            }
            var source = {
                localdata: data,
                datatype: "array"
            };
            var dataAdapter = new $.jqx.dataAdapter(source, {
                loadComplete: function (data) {},
                loadError: function (xhr, status, error) {}
            });
            
 
             
            
            $("#jqxgrid").jqxGrid({
                theme: 'energyblue',
                width: 500,
                autoheight: true,
                editable: true,
                source: dataAdapter,
                selectionmode: 'multiplerows',
                columns: [{
                    text: 'Available',
                    datafield: 'available',
                    width: 100,
                    columntype: 'checkbox'
                }, {
                    text: 'First Name',
                    datafield: 'firstname',
                    width: 100
                }, 
       ...