jQuery Grid Plugin - jqGrid

When we are using grouping AND frozen columns, if we have a row with variable row height (either set programmatically or from a cell that has line breaks), the row alignment between the frozen column and the non-frozen columns becomes incorrect for all rows from that point on.  Example code below uses the multi-select checkbox to allow this to be easily seen:

(function() {
    // Get the JSON data from the server.
    $(document).ready(function() {
       
            // We can read in JSON directly into the grid, but this provides us a way to perform
            // any transformation before we add the data to the grid?
            var txHistoryLineItems = [];
            var txHistoryLineItems1 = {
              id: 1,
              col1: 'Jake',
              col2: 'Smith',
              col3: 44,
              col4: 113,
              col5: 'Some Description'
            };
            var txHistoryLineItems2 = {
              id: 2,
              col1: 'Joan',
              col2: 'Thomas',
              col3: 44,
              col4: 113,
              col5: 'Line1\nLine2\nLine3\Line4'
            };
            var txHistoryLineItems3 = {
              id: 3,
              col1: 'John',
              col2: 'Mott',
              col3: 44,
              col4: 113,
              col5: 'Another Description'
            };
            txHistoryLineItems.push(txHistoryLineItems1);
            txHistoryLineItems.push(txHistoryLineItems2);
            txHistoryLineItems.push(txHistoryLineItems3);
           
            var $historyGrid = $("#historyGrid");
           
            $historyGrid.jqGrid({
                // Allow columns to be dragged
                sortable: false,
                data: txHistoryLineItems,
                datatype: 'local',
                colNames: ["ID", "Column 1", "Column 2", "Column 3", "Column 4", "Column 5"
                ],
                colModel: [
                    {name: "id", index: "id", hidden: true, frozen: true},
                    {name: "col1", index: "col1", frozen: true},
                    {name: "col2", index: "col2", sortable: false},
                    {name: "col3", index: "col3", draggable: false},
                    // Add a summary type property for grouping total
                    {name: "col4", index: "col4", resizable: false, summaryType:'sum', align: "right", formatter: "currency", formatoptions: {decimalPlaces: 2, prefix: '$'}},
                    {name: "col5", index: "col5"}
                ],
                grouping: true,
                groupingView : {
                    useColSpanStyle: true,
                    // Whether to show the grouping column
                    groupColumnShow : [false],
                    // Formatting for the group header {0} is the value, {1} is the count
                    groupText : ['<b>{0} ({1})</b>'],
                    groupCollapse : true,
                    // Whether to show the group summary
                    groupSummary : [true],
                    // Put summary total at header or footer area -- putting on header causes a problem.
                    // groupSummaryPos: ['footer'],
                    groupSummaryPos: ['header'],
                    // Allow summary total row to show on a grouping collapse.
                    showSummaryOnHide: true
                },
                // Add header titles to the column headers
                headertitles: true,
                // Allow multiple columns to be sorted by the user.
                multiSort: true,
                // Allow multiple rows to be selected.
                multiselect: true,
                rowNum: 500,
                height: 375,
                width: 500,
                shrinkToFit: false
            });
           
            $historyGrid.jqGrid('setFrozenColumns');

            $("#chngroup").change(function(){
                var vl = $(this).val();
                if(vl) {
                    if(vl == "clear") {
                        $historyGrid.jqGrid('groupingRemove',true);
                    } else {
                        $historyGrid.jqGrid('groupingGroupBy',vl);
                    }
                }
            });
    });
}());