Javascript Mozilla Firefox中的jqGrid表不整洁

Javascript Mozilla Firefox中的jqGrid表不整洁,javascript,jquery,firefox,jqgrid,Javascript,Jquery,Firefox,Jqgrid,我创建了一个jqGrid表,它在Chrome中看起来和预期的一样,但在Mozilla Firefox中却不整洁。请参阅下面的屏幕截图和代码。在Firefox中重新加载或排序后,它会正确呈现。有人知道如何在Firefox中更正初始渲染吗 Chrome中的界面 Mozilla Firefox中的接口(重新加载或排序之前) 代码 jQuery(document).ready(function(){ $('#tbl_name').jqGrid('autoWidthColumns').jqGrid

我创建了一个jqGrid表,它在Chrome中看起来和预期的一样,但在Mozilla Firefox中却不整洁。请参阅下面的屏幕截图和代码。在Firefox中重新加载或排序后,它会正确呈现。有人知道如何在Firefox中更正初始渲染吗

Chrome中的界面

Mozilla Firefox中的接口(重新加载或排序之前)

代码

jQuery(document).ready(function(){
  $('#tbl_name').jqGrid('autoWidthColumns').jqGrid({
    url:'GRID/grid_manageProvinsi_data.php?type=provinsi',
    datatype: 'json',
    colNames:['Action','Provinsi','Harga (Untuk Pengiriman Barang)','Terakhir di Update','Updater'],
    colModel:[
        {name:'action',index:'action', width:30, align:'center', sortable:false, search:false, searchoptions:{sopt:['eq','cn']}},
        {name:'nama_prov',index:'nama_prov', width:80, align:'left', sortable:true, search:true, searchoptions:{sopt:['eq','cn']}},
        {name:'harga',index:'harga', width:80, align:'center', sortable:true, search:true, searchoptions:{sopt:['eq','cn']}},
        {name:'last_update',index:'last_update', width:120, align:'center', search:true, searchoptions: { sopt: ['eq','ne','lt','le','gt','ge'], dataInit: function (elem) { $(elem).datepicker({ showButtonPanel: true }) } }, align:'center'},
        {name:'email',index:'email', width:50, align:'left', search:true, searchoptions:{sopt:['eq','cn']}}                     
    ],
    pager: '#tbl_name_pager',
    rowNum: 30,
    rowList: [10, 20, 30],
    sortname: 'nama_prov',
    sortorder: 'asc',
    viewrecords: true,
    gridview: true,
    caption: 'Manage Provinsi',
    width: $(window).width() - 275,
    height: $(window).height() - 230,
    rownumbers: true,  
    loadComplete: function () {
        $(this).find('>tbody>tr.jqgrow:odd').addClass('myAltRowClassEven');
        $(this).find('>tbody>tr.jqgrow:even').addClass('myAltRowClassOdd');
    }

  });
  jQuery('#tbl_name').jqGrid('navGrid','#tbl_name_pager',{edit:false,add:false,del:false},
                                {}, // edit options
                                {}, // add options
                                {}, //del options
                                {multipleSearch:true,width:400});

});     

如果你能在网上(例如在中)复制你的问题,你将使人们的任务更容易为你提供有效的解决方案。改进的措辞和格式。可以通过按要求添加一个JSFIDLE来进一步改进。看起来您使用的是我在开始开发之前编写的插件。免费jqGrid包含中描述的自动调整功能。我建议您从使用
autoWidthColumns
迁移到免费jqGrid的最新版本(4.10.x)。