jQuery Grid

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>
<button id="button" style="display: none;">Click me to Toggle Popover</button>
<button id="button_clone">Click me to Toggle Popover</button>
</div>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/>
<button id="open">Open</button>
<button id="close">Close</button>
<div id="jqxPopover">
  <center>
    Popover content
  </center>
</div>

CSS

.hidden {
  display: none !important;
}

JavaScript

$(document).ready(function() {
   $("#button").jqxButton();
   $("#button_clone").jqxButton();
   $("#open").jqxButton();
   $("#close").jqxButton();
   
   $('#jqxPopover').jqxPopover({
     width: 200,
     height: 75,
     showArrow: true,
     autoClose: false,
     showCloseButton: false,
     arrowOffsetValue: 10,
     selector: $("#button"),
     title: 'Title'
   });
   $('#open').click(function() {
   	 $('#jqxPopover').removeClass('hidden');
     $('#jqxPopover').jqxPopover('open');
   })
   $('#close').click(function() {
     $('#jqxPopover').jqxPopover('close');
   })
 });