working jqGrid Example

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/base/jquery-ui.css">
<link rel="stylesheet" href="http://trirand.com/blog/jqgrid/themes/ui.jqgrid.css">
<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>
<table id="list"></table>
<div id="pager"></div>

JavaScript

function dropdownFormatter(cellValue, options, rowObject) {
                console.info(cellValue, options, rowObject);
                console.log(rowObject.delivery_boy_id);

                var control = "<select class='form-control'><option value>Select</option>";
                $.each(cellValue, function (idx, obj){
                    if (obj.id == rowObject.delivery_boy_id) {
                        control += "<option value='" + obj.id + "' selected='selected'>" + obj.name + "</option>";
                    } else {
                        control += "<option value='" + obj.id + "'>" + obj.name + "</option>";                            
                    }
                });
                control += "</select>";
                return control;
            }

            function statusFormatter (cellValue, options, rowObject) {
                switch(cellValue) {
                    case "ordered":
                        return "Ordered";
                    case "received":
                        return "Received";
                    case "laundry_entry":
                        return "Laundry Entry";
                    case "laundry_exit":
                        return "Laundry Exit";
                    case "delivered":
                        return "Delivered";
                }
            }

            function actionFormatter(cellValue, options, rowObject) {
                var control = '<div class="actions" data-order-id="' + rowObject.order_no + '"><i class="save-row fa fa-floppy-o fa-lg"> </i><i class="edit-row fa fa-pencil fa-lg"></i> <i class="view-row fa fa-eye fa-lg"></i></div>';

                return control;
            }

            $(document).ready(function () {

                jQuery("#list").jqGrid({
                    url:'https://api.myjson.com/bins/22vo1',
                    datatype: "json",
                    colNames:['Id','Order No','Address', 'Pincode', 'Phone Number', "Pickup Date", "Pickup Time",...