Question

Extjs中Ext.grid.GridPanel设置header的固定宽度

var grid = new Ext.grid.GridPanel({
region : 'center',
id : 'grid',
autoScroll : true,
store : store,
stripeRows : true,
trackMouseOver : true,
loadMask : true,
//viewConfig: {forceFit:true},
buttonAlign:'center',
tbar:toolsbar,
columns : [new Ext.grid.RowNumberer(),
{
header : "员工编号主键",
//sortable : true,
dataIndex : 'personnel_id',
align:'center',
width: 400
},{
header : "员工编号",
sortable : true,
dataIndex : 'personnel_number',
align:'center',
width: 400
},{
header : "员工姓名",
sortable : true,
dataIndex : 'personnel_name',
align:'center'
},{
header : "性别",
sortable : true,
dataIndex : 'sex',
align:'center'
},{
header : "民族",
sortable : true,
dataIndex : 'nation_type_name',
align:'center'
},{
header : "所属单位",
sortable : true,
dataIndex : 'unit_name',
align:'center'
},{
header : "所属部门",
sortable : true,
dataIndex : 'depart_name',
align:'center'
}]
});

请问一下，如何设置header的宽度，让员工编号这几个字按照设置好的固定宽度显示出来？

Answer 1

width是不好使的，我记得应该是columnwidt:10%
百分比自己设置

Answer 2

flex : 1

追问

请问一下，flex这个属性要加在什么地方？

追答

header : "所属单位",
sortable : true,
dataIndex : 'unit_name',
align:'center'
flex : 1

追问

能问一下吗？这个属性是什么意思？

追答

flex 是设置每列自动分配宽度的

追问

呵呵，谢谢！