Question

Extjs5的grid表头和内容没有对齐是怎么回事？

如图

代码：
Ext.define('Job.view.jobview.JobList', {
extend : 'Ext.grid.Panel',
alias : 'widget.joblist',
defaultQuery : {},
taskType : '',
forceFit : true,
title : 'Job List',
border : true,
columnLines : true,
initComponent : function() {
this.store = Ext.create('Job.store.JobStore');
this.columns = [{
xtype : 'rownumberer'
}, {
header : 'Job Name',
dataIndex : 'jobName'
}, {
header : 'Next Fire Time',
dataIndex : 'nextFireTime',
renderer : function(v){
return Ext.Date.format(new Date(v),'Y-m-d H:i:s')
}
}, {
header : 'Prev Fire Time',
dataIndex : 'prevFireTime',
renderer : function(v){
return Ext.Date.format(new Date(v),'Y-m-d H:i:s')
}
}, {
header : 'Trigger State',
dataIndex : 'triggerState'
}, {
header : 'Trigger Type',
dataIndex : 'triggerType'
}, {
header : 'Start Time',
dataIndex : 'startTime',
renderer : function(v){
return Ext.Date.format(new Date(v),'Y-m-d H:i:s')
}
}, {
header : 'End Time',
dataIndex : 'endTime'
}];
this.callParent(arguments);
Ext.QuickTips.init();
},
reload : function(params){
this.store.reload();
}
});

Answer 1

最新版本是Extjs5.0.1，我们可以在官方网站进行下载。（这里不得不提一句，Extjs5到目前为止还没有免费的授权，所以下载到的版本是试用版。）
下载到的压缩包解压以后，你会看到一大堆的文件夹和文件，我们该如何使用Extjs5呢？
之前看到过别人说的通过Sencha CMD创建Extjs5项目，但个人觉得那种方式并不适合我们目前的开发模式。我说做ASP.NET的，需要在ASP.NET MVC或WebForm中使用Extjs，所以绝对不上简单的通过Sencha CMD 生成Extjs5项目那么简单。

Answer 2

你去掉渲染renderer 和forceFit : true, 'rownumberer' 看看如何。
我觉得是renderer的问题