Hello,
I found the after-image when I click the grid.
You can check here.(
http://prmsys.co.kr/test.html)
Thanks,
Phil
<table class="fortune500">
<tr>
<th>Version</th>
<th>Date</th>
<th>Reason</th>
</tr>
<tr>
<td>1</td>
<td>2018-02-07</td>
<td class="text-left">1</td>
</tr>
<tr>
<td>1</td>
<td>2018-02-07</td>
<td class="text-left">2</td>
</tr>
</table>
<div id="grid_table" style="margin-top :10px;"></div>
<script>
var tbl = $("table.fortune500");
var obj = $.paramquery.tableToArray(tbl);
var newObj = {
minWidth: 500,
height: 600,
resizable: true,
title: "History",
collapsible: { on: true, collapsed: false }
};
newObj.dataModel = { data: obj.data };
newObj.colModel = [
{title:"Version", width:"10%", dataType:"string", editable: false, align:"center"},
{title:"Date", width:"30%", dataType:"string", editable: false, align:"center"},
{title:"Reason", width:"60%", dataType:"string", editable: false}
];
newObj.pageModel = { rPP: 100, type: "local" };
$("#grid_table").pqGrid(newObj);
tbl.css("display", "none");
$( "#grid_table" ).pqGrid( {resizable: true} );
</script>