js-grid resize bug

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.4.1/jsgrid.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.4.1/jsgrid-theme.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jsgrid/1.4.1/jsgrid.js"></script>
<body>
  <div id="js-grid"></div>
  <button onclick="javascript:$('#js-grid').jsGrid('refresh')" >Refresh</button>
</body>

JavaScript

$(function() {
	var gridData = [
    {name:"John Doe",  age: 42},
    {name:"Jane Dove", age: 32, password: "alabaster"},
    {name:"John Doe",  age: 42},
    {name:"John Doe",  age: 42},
    {name:"John Doe",  age: 42},
    {name:"John Doe",  age: 42},
    {name:"John Doe",  age: 42},
    {name:"John Doe",  age: 42},
    {name:"John Doe",  age: 42},
    {name:"John Doe",  age: 42},
    {name:"kara Doe",  age: 42},
    {name:"kuni Doe",  age: 42},
];

$("#js-grid").jsGrid({
		inserting: true,
		editing: true,
		sorting: true,

		height: "auto",
		width: "100%",
		data: gridData,

		fields: [
		{ title: "User Name",  name:"name", type:"text", validate:"required", editing:false, width:165 },
		{ title: "Age",        name:"age", type:"number", validate:"required", editing:false, width:165 },
		{ title: "Password",   name:"password", type:"text", width:190 }, 
    { type:"control"}
    ]
	});
});