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