jQuery Grid Plugin - jqGrid

I encountered a similar problem (TypeError: colModel[rowPos] is undefined http://myapp/js/jquery.jqGrid.src.js Line 12202) and I made the following changes to the function tableToGrid in order to make it easier to debug (and also faster!):

function tableToGrid(selector, options) {
jQuery(selector).each(function() {
    if(this.grid) {return;} //Added by Tony Tomov
    // This is a small "hack" to make the width of the jqGrid 100%
   var thisTable = jQuery(this);
   thisTable.width("99%");
    var w = thisTable.width();

    // Text whether we have single or multi select
    var inputCheckbox = jQuery('tr td:first-child input[type=checkbox]:first', thisTable);
    var inputRadio = jQuery('tr td:first-child input[type=radio]:first', thisTable);
    var selectMultiple = inputCheckbox.length > 0;
    var selectSingle = !selectMultiple && inputRadio.length > 0;
    var selectable = selectMultiple || selectSingle;
    //var inputName = inputCheckbox.attr("name") || inputRadio.attr("name");

    // Build up the columnModel and the data
    var colModel = [];
    var colNames = [];
    jQuery('th', thisTable).each(function() {
      var thisTh = jQuery(this);
      if (colModel.length === 0 && selectable) {
            colModel.push({
                name: '__selection__',
                index: '__selection__',
                width: 0,
                hidden: true
            });
            colNames.push('__selection__');
        } else {
            colModel.push({
                name: thisTh.attr("id") || jQuery.trim(jQuery.jgrid.stripHtml(thisTh.html())).split(' ').join('_'),
                index: thisTh.attr("id") || jQuery.trim(jQuery.jgrid.stripHtml(thisTh.html())).split(' ').join('_'),
                width: thisTh.width() || 150
            });
            colNames.push(thisTh.html());
        }
    });
    var data = [];
    var rowIds = [];
    var rowChecked = [];
    jQuery('tbody > tr', thisTable).each(function() {
      var thisTr = jQuery(this);
      var row = {};
        var rowPos = 0;
        jQuery('td', thisTr).each(function() {
         var thisTd = jQuery(this);
         if (rowPos === 0 && selectable) {
                var input = jQuery('input', thisTd);
                var rowId = input.attr("value");
                rowIds.push(rowId || data.length);
                if (input.is(":checked")) {
                    rowChecked.push(rowId);
                }
                row[colModel[rowPos].name] = input.attr("value");
            } else {
                row[colModel[rowPos].name] = thisTd.html();
            }
            rowPos++;
        });
        if(rowPos >0) { data.push(row); }
    });

    // Clear the original HTML table
   thisTable.empty();

    // Mark it as jqGrid
   thisTable.addClass("scroll");

   thisTable.jqGrid(jQuery.extend({
        datatype: "local",
        width: w,
        colNames: colNames,
        colModel: colModel,
        multiselect: selectMultiple
        //inputName: inputName,
        //inputValueCol: imputName != null ? "__selection__" : null
    }, options || {}));

    // Add data
    var a;
    for (a = 0; a < data.length; a++) {
        var id = null;
        if (rowIds.length > 0) {
            id = rowIds[a];
            if (id && id.replace) {
                // We have to do this since the value of a checkbox
                // or radio button can be anything
                id = encodeURIComponent(id).replace(/[.-%]/g, "_");
            }
        }
        if (id === null) {
            id = a + 1;
        }
      thisTable.jqGrid("addRowData",id, data[a]);
    }

    // Set the selection
    for (a = 0; a < rowChecked.length; a++) {
      thisTable.jqGrid("setSelection",rowChecked[a]);
    }
});
};

Maybe you can include these improvements into your next jqgrid release…

Thanks!

Sorin