Html Grid

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

by Hristo Hristov

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>

CSS

.uppercase {
  text-transform: uppercase;
}

JavaScript

var source = {
     localdata: [
     	{ numeric: 12345 }
     ],
     datafields: [{
         name: "numeric",
         type: "number"
     }],
     datatype: "array"
 };

 var dataAdapter = new $.jqx.dataAdapter(source);
 
$("#jqxgrid").jqxGrid({
    width: 250,
    autoheight: true,
    source: dataAdapter,
    editable: true,
    showheader: false,
    editmode: "click",
    columns: [
      { 
        text: "Number",
        datafield: "numeric",
        cellsformat: "f2"
      }
    ]
  });
  
  setTimeout(_ => {
  
  }, 500);