当前位置：首页 → 问答吧 → Extjs gridpanel的单元格的数据怎么居中显示?

Extjs gridpanel的单元格的数据怎么居中显示?

时间：2010-04-09

来源：互联网

作者: suifengxing 发布时间: 2010-04-09

该回复于2010-05-27 12:39:24被版主删除

对我有用[0]
丢个板砖[0]
引用
举报
管理
TOP

licip
(licip)
等　级：

#2楼得分：0回复于：2010-04-10 08:58:48

var cols = new Ext.grid.ColumnModel([
new Ext.grid.RowNumberer(),
{header:'学号',dataIndex:'code'},
{header:'姓名',dataIndex:'name'},
{header:'性别',dataIndex:'sex',renderer:sexRenderer},
{header:'年龄',dataIndex:'age',align:'center'},
{header:'政治面貌',dataIndex:'political'},
{header:'籍贯',dataIndex:'origin'},
{header:'所属系',dataIndex:'professional'}
]);

像align:'center'这样，加一个这个属性，就可以了。

作者: hqs19821108 发布时间: 2010-04-10

使用属性
renderer:function(value){
return '<div align="center">'+value+'</div>';
}

作者: licip 发布时间: 2010-04-10

var cols = new Ext.grid.ColumnModel([
{header:'学号',dataIndex:'code',align:"center"},
{header:'姓名',dataIndex:'name'align:"center"},
{header:'性别',dataIndex:'sex',renderer:sexRendereralign:"center"},
{header:'年龄',dataIndex:'age',align:'center'align:"center"},
{header:'政治面貌',dataIndex:'political'align:"center"},
{header:'籍贯',dataIndex:'origin'align:"center"},
{header:'所属系',dataIndex:'professional'align:"center"}
]);
设置align:"center"就可以让该列居中

作者: wujianhai99 发布时间: 2010-04-10

引用 4 楼 xiaohaifang 的回复:
var cols = new Ext.grid.ColumnModel([
{header:'学号',dataIndex:'code',align:"center"},
{header:'姓名',dataIndex:'name'align:"center"},
{header:'性别',dataIndex:'sex',renderer:sexRendereralign:"center"},
……

他说的不是这一整列，是【单元格的数据】，不包括标题

作者: xiaohaifang 发布时间: 2010-04-15

renderer:funtion(){
return"<><>"//写上居中的样式html
}

作者: ligaoyang 发布时间: 2010-07-27

楼上提供的两种方法都可以，接分来着。

作者: zoujp_xyz 发布时间: 2010-07-27

var roleGrid = {
xtype : 'grid',
store : roleStore,
frame : true,
title : '用户拥有的角色列表',
id : Ext.id(),
height : 165,
columns : [{
id : 'id',
header : '角色ID',
sortable : true,
width : 80,
align : 'right',
locked : false,
dataIndex : 'id'
}
stripeRows : true,
autoExpandColumn : 'system'
};

作者: zhaocong112 发布时间: 2010-07-27

Extjs gridpanel的单元格的数据怎么居中显示?

热门阅读

热门下载