JQGrid правильный способ расширить ширину столбца

Question

Я пытаюсь расширить мои столбцы с помощью свойства colModel jqGrid.когда я делаю это, мои данные таблицы исчезают.Кто-нибудь знает, почему это случилось?Фотографии до и после будут ниже.А также код jquery, который я использую.

Вот пример его работы.

Вотпример после того, как я попытался расширить столбцы

    jQuery(document).ready(function () {
    ShowMessage();
    tableToGrid("#table1", {
        height: '200',
        shrinkToFit: false,
        autowidth: true,
        colNames: ['Edit',
                   'MRN',
                   'Hospital Fin',
                   'First Name',
                   'Last Name',
                   'Date of birth',
                   'Completed Pathway',
                   'Completed Pathway Reason',
                   'PCP Appointment',
                   'Specialist Appointment',
                   'Admit Date',
                   'Discharge Date',
                   'Discharge Disposition',
                   'Discharge To',
                   'Discharge Advocate Call',
                   'Home Healthcare',
                   'Safe Landing Accepted',
                   'PCP Name',
                   'PCP Phone',
                   'PCP Appointment Location',
                   'Specialist Name',
                   'Specialist Phone',
                   'Specialist Appointment Location',
                   'Comments',
                   'Patient Room',
                   'Phone',
                   'Payor',
                   'MRN Type'
                   ],
        colModel: [{ name: 'Edit', width: 55 },
                   { name: 'MRN',  width: 55 },
                   { name: 'HospitalFin', width: 85 },
                   { name: 'FirstName',  width: 85 },
                   { name: 'LastName',  width: 85 },
                   { name: 'Dateofbirth',  width: 85 },
                   { name: 'CompletedPathway',  width: 145 },
                   { name: 'CompletedPathwayReason',  width: 165 },
                   { name: 'PCPAppointment',  width: 145 },
                   { name: 'SpecialistAppointment', width: 165 },
                   { name: 'AdmitDate', width: 55 },
                   { name: 'DischargeDate', width: 80 },
                   { name: 'DischargeDisposition', width: 180 },
                   { name: 'DischargeTo', width: 55 },
                   { name: 'DischargeAdvocateCall', width: 165 },
                   { name: 'HomeHealthCareAccepted', width: 165 },
                   { name: 'SafeLandingAccepted', width: 165 },
                   { name: 'PCPName', width: 55 },
                   { name: 'PCPPhone', width: 55 },
                   { name: 'PCPAppointmentLocation', width: 165 },
                   { name: 'SpecialistName', width: 185 },
                   { name: 'SpecialistPhone', width: 185 },
                   { name: 'SpecialistAppointmentLocation', width: 185 },
                   { name: 'Comments', width: 55 },
                   { name: 'PatientRoom', width: 85 },
                   { name: 'Phone', width: 85 },
                   { name: 'Payor', width: 85 },
                   { name: 'MRNType', width: 85 }
                   ]
    });
    $(window).bind('resize', function () {
        $("#table1").fluidGrid({ example: "#tempplateInfo", offset: -10 });
        $("#table1 tbody").sortable("destroy");
    });
    (function ($) {
        jQuery.jgrid.fluid = {
            fluidGrid: function (options) {
                var grid = $(this);
                var settings = $.extend({
                    example: grid.closest('.ui-jqgrid').parent(), offset: 0
                },
                options || {});
                var width = $(settings.example).innerWidth() + settings.offset; grid.setGridWidth(width);
            }
        }
    })
    (jQuery);
    jQuery.fn.extend({ fluidGrid: jQuery.jgrid.fluid.fluidGrid });

    var $grid = $('#table1'),
        hdiv = $grid[0].grid.hDiv,
        $columnHeaders = $("thead tr.ui-jqgrid-labels th", hdiv)
    $columnHeaders.unbind('mouseenter');
    $columnHeaders.unbind('mouseleave');

Закомментируйте раздел columnModel, чтобы получить представление о том, что у меня было, когда оно работало.Должно ли свойство имени colModel быть равно th, например?Как называется слово молодцы.Я получаю неудовлетворительные результаты.