JQuery Grid

Invoke the addrow method of the jqxGrid. Author: http://jqwidgets.com

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>

  <div id="jqxgrid">
  </div>

JavaScript

$(document).ready(function() {
   var aData = new Array();

   for (var nIndex = 0; nIndex < 6; nIndex++) {
     var aRow = [];
     aRow["name"] = "Name " + nIndex+"<br />test";
     aRow["vorname"] = "Vorname " + nIndex;

     aData.push(aRow);
   }

   var source = {
     localdata: aData,
     datatype: "array",
     datafields: [{
       name: 'name',
       type: 'string'
     }, {
       name: 'vorname',
       type: 'string'
     }]
   };

   var dataAdapter = new $.jqx.dataAdapter(source);

   $("#jqxgrid").jqxGrid({
     source: dataAdapter,
     selectionmode: 'singlerow',
     autoheight: true,
     columns: [{
       text: 'Name',
       datafield: 'name',
       width: 200
     }, {
       text: 'Vorname',
       datafield: 'vorname',
       width: 200
     }]
   });
 });