JSGrid Hidden filtering row

by Frank Liu

HTML

<link rel="stylesheet" href="https://code.jquery.com/ui/1.10.4/themes/redmond/jquery-ui.css">
<script src="https://code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.5.1/jsgrid.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.5.1/jsgrid.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.5.1/jsgrid-theme.css">
<div id="jsGrid"></div>

JavaScript

var data = [
    {
        "Name": "Test Test",
        "Married": false
    },
    {
        "Name": "Connor Johnston",
        "Married": false
    },
    {
        "Name": "Lacey Hess",
        "Married": false
    },
    {
        "Name": "Timothy Henson",
        "Married": false
    }
];

$("#jsGrid").jsGrid({
        height: 300,
        width: "100%",
 
        autoload: true,
        filtering: true,
 
        controller: {
        	loadData: function() {
          	return data;
          }
        },
        
        fields: [
            { name: "Name", title:"Name", type: "text", width: "60%", validate: "required" },
            { name: "Married", title:"Married", type: "checkbox", width: "30%", validate: "required" },
            { type: "control", width: "10%",modeSwitchButton: true,
            	_createFilterSwitchButton: function() {
              	let searchBtn = `<button>Search</button>`;
                
              	 return searchBtn;
						    //return this._createOnOffSwitchButton("filtering", this.searchModeButtonClass, false);
							},
            }
        ]
    });
    $('button').on('click', function(){
         if($('.jsgrid-filter-row').css('display') == 'none')
         {
         	$('.jsgrid-filter-row').css('display','table-row');
				} else {
        	$('.jsgrid-filter-row').css('display','none');
        }
    });
    $('#jsGrid').find('input.jsgrid-button.jsgrid-search-button').css('display','none');
     $('#jsGrid').find('input.jsgrid-button.jsgrid-clear-filter-button').css('display','none');
    //$("#jsGrid").jsGrid("option", "filtering", false);