[英]jqGrid header width different from data column width
我已經啟用了treeGrid來實現jqGrid。 在Firefox上,標頭行(帶有列標題)的寬度與數據行的寬度不同。 我已經附上了jqGrid的初始化代碼和問題截圖屏幕快照的鏈接(因為我是該站點的新手,所以似乎無法上傳該圖像)
jQuery("#treegrid").jqGrid({
treeGrid: true,
treeGridModel: 'nested',
ExpandColumn : 'customer',
url: 'index.php?page=902&uid=' + uid + '&forecast_pageno=' + pageno,
datatype: "json",
mtype: "POST",
colNames:["Id","Type","Customer","Year","%" , "Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec", "Total", "Status"],
colModel:[
{name:'id',index:'id',hidden:true},
{name:'type',index:'type',hidden:true},
{name:'customer',index:'customer', width:225, align:"left", sortable:false, fixed:true},
{name:'year', index:'year', width:45, sortable:false, align:"right"},
{
name:'market_increase',
index:'market_increase',
width:30,
editable:true, editrules:{number:true},
formatter:marketIncreaseFormatter,
unformat:marketIncreaseUFormatter, sortable:false, align:"right"
},
{name:'jan', index:'jan', width:60, editable:true, editrules:{number:true}, sortable:false, align:"right"},
{name:'feb', index:'feb', width:60, editable:true, editrules:{number:true}, sortable:false, align:"right"},
{name:'mar', index:'mar', width:60, editable:true, editrules:{number:true}, sortable:false, align:"right"},
{name:'apr', index:'apr', width:60, editable:true, editrules:{number:true}, sortable:false, align:"right"},
{name:'may', index:'may', width:60, editable:true, editrules:{number:true}, sortable:false, align:"right"},
{name:'jun', index:'jun', width:60, editable:true, editrules:{number:true}, sortable:false, align:"right"},
{name:'jul', index:'jul', width:60, editable:true, editrules:{number:true}, sortable:false, align:"right"},
{name:'aug', index:'aug', width:60, editable:true, editrules:{number:true}, sortable:false, align:"right"},
{name:'sep', index:'sep', width:60, editable:true, editrules:{number:true}, sortable:false, align:"right"},
{name:'oct', index:'oct', width:60, editable:true, editrules:{number:true}, sortable:false, align:"right"},
{name:'nov', index:'nov', width:60, editable:true, editrules:{number:true}, sortable:false, align:"right"},
{name:'dec', index:'dec', width:60, editable:true, editrules:{number:true}, sortable:false, align:"right"},
{name:'total', index:'total', width:60, sortable:false, align:"right"},
{name:'status', index:'status', hidden:true}
],
height:'auto',
cellEdit: true,
rowNum: -1});
謝謝加百列
Okey,看來我為jqGrid使用了與舊版本不同的css文件。 CSS的更新解決了該問題。 謝謝加百列
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.