jqGrid inlineEdit + scroller

http://stackoverflow.com/q/15700740/904846

by dmnc_net

HTML

<script src="http://trirand.com/blog/jqgrid/js/i18n/grid.locale-en.js"></script>
<script src="http://trirand.com/blog/jqgrid/js/jquery.jqGrid.min.js"></script>
<link rel="stylesheet" href="http://trirand.com/blog/jqgrid/themes/redmond/jquery-ui-1.8.1.custom.css">
<link rel="stylesheet" href="http://trirand.com/blog/jqgrid/themes/ui.jqgrid.css">
<table id="list"><tr><td></td></tr></table>
<div id="pager"></div>
<br>
<div id="debug" style="border-style:groove; font-size: 0.8em">

JavaScript

var addPosition = "beforeSelected";
var sample = [
    { id: "1", invdate: "2010-05-24", name: "test", total: "2111.00" },
    { id: "2", invdate: "2010-05-25", name: "test2", total: "320.00"},
    { id: "3", invdate: "2007-09-01", name: "test3", total: "430.00"},
    { id: "4", invdate: "2007-10-04", name: "test", total: "210.00"},
    { id: "5", invdate: "2007-10-05", name: "test2", total: "320.00"},
    { id: "6", invdate: "2007-09-06", name: "test3", total: "430.00"},
    { id: "7", invdate: "2007-10-04", name: "test", total: "210.00"},
    { id: "8", invdate: "2007-10-03", name: "test2", total: "320.00"},
    { id: "9", invdate: "2007-09-01", name: "test3", total: "430.00"},
    { id: "10", invdate: "2007-09-01", name: "test3", total: "430.00"},
    { id: "11", invdate: "2007-10-01", name: "test", total: "210.00"},
    { id: "12", invdate: "2007-10-02", name: "test2", total: "320.00"},
    { id: "13", invdate: "2007-09-01", name: "test3", total: "430.00"},
    { id: "14", invdate: "2007-10-04", name: "test", total: "210.00"},
    { id: "15", invdate: "2007-10-05", name: "test2", total: "320.00"},
    { id: "16", invdate: "2007-09-06", name: "test3", total: "430.00"},
    { id: "17", invdate: "2007-10-04", name: "test", total: "210.00"},
    { id: "18", invdate: "2007-10-03", name: "test2", total: "320.00"},
    { id: "19", invdate: "2007-09-01", name: "test3", total: "430.00"},
    { id: "20", invdate: "2007-09-01", name: "test3", total: "430.00"},
    { id: "21", invdate: "2007-10-01", name: "test", total: "210.00"},
    { id: "22", invdate: "2007-10-02", name: "test2", total: "320.00"},
    { id: "23", invdate: "2007-09-01", name: "test3", total: "430.00"},
    { id: "24", invdate: "2007-10-04", name: "test", total: "210.00"},
    { id: "25", invdate: "2007-10-05", name: "test2", total: "320.00"},
    { id: "26", invdate: "2007-09-06", name: "test3", total: "430.00"},
    { id: "27", invdate: "2007-10-04", name: "test", total: "210.00"},
    { id: "28",...