ExtJS4和网格问题

我找不到关于网格的两个问题的正确答案（很多不同的答案，没有一个好的）：

• 如何在网格单元格中垂直居中文本
• 如何显示垂直线和水平线

请给我提示一下

---

将自定义css应用于网格。大概是这样的：

#GridId div.x-grid-cell-inner { text-align: center; }

---

将自定义css应用于网格。大概是这样的：

#GridId div.x-grid-cell-inner { text-align: center; }

---

要将文本居中放置在列的中心，请使用

align

属性，方法是

align:'center'

。请注意，电子邮件列是集中的。

在垂直线的情况下，它更复杂。 ExtJS有一个显示列的行的设置

columnLines:true

，但没有显示行的属性。因此，我们应该使用

CSS

类并设置底部边框，这样

边框底部颜色：红色！重要的

在ExtJS access的其他版本中进行测试


var Grid1Store=new Ext.data.JsonStore({
字段：['id'，'name'，'email']，
自动加载：对，
数据：[{
“id”：1，
“姓名”：“约翰·史密斯”，
“电子邮件”：jsmith@example.com"
}, {
“id”：2，
“姓名”：“安娜·史密斯”，
“电子邮件”：asmith@example.com"
}, {
“id”：3，
“姓名”：“彼得·史密斯”，
“电子邮件”：psmith@example.com"
}, {
“id”：4，
“姓名”：“汤姆·史密斯”，
“电子邮件”：tsmith@example.com"
}, {
“id”：5，
“姓名”：“安迪·史密斯”，
“电子邮件”：asmith@example.com"
}, {
“id”：6，
“姓名”：“尼克·史密斯”，
“电子邮件”：nsmith@example.com"
}]
});
var onReadyFunction=函数（）{
var grid=新建Ext.grid.GridPanel({
renderTo:Ext.getBody（），
框架：对，
标题：“示例”，
宽度：450，
身高：200，
门店：Grid1Store，
栏目：[{
标题：“Id”，
数据索引：“id”，
宽度：“50px”
}, {
标题：“姓名”，
数据索引：“名称”，
宽度：“150px”
}, {
标题：“电子邮件”，
数据索引：“电子邮件”，
宽度：“200px”，
对齐：“居中”
}]
});
}
Ext.onReady（onReadyFunction）
.x-grid-cell{
边框底色：红色！重要；
}
要将文本居中于列的中心，请使用
align
属性，通过这种方式
align:'center'
。请注意，电子邮件列是集中的。


在垂直线的情况下，它更复杂。
ExtJS有一个显示列的行的设置
columnLines:true
，但没有显示行的属性。因此，我们应该使用
CSS
类并设置底部边框，这样
边框底部颜色：红色！重要的

在ExtJS access的其他版本中进行测试


var Grid1Store=new Ext.data.JsonStore({
字段：['id'，'name'，'email']，
自动加载：对，
数据：[{
“id”：1，
“姓名”：“约翰·史密斯”，
“电子邮件”：jsmith@example.com"
}, {
“id”：2，
“姓名”：“安娜·史密斯”，
“电子邮件”：asmith@example.com"
}, {
“id”：3，
“姓名”：“彼得·史密斯”，
“电子邮件”：psmith@example.com"
}, {
“id”：4，
“姓名”：“汤姆·史密斯”，
“电子邮件”：tsmith@example.com"
}, {
“id”：5，
“姓名”：“安迪·史密斯”，
“电子邮件”：asmith@example.com"
}, {
“id”：6，
“姓名”：“尼克·史密斯”，
“电子邮件”：nsmith@example.com"
}]
});
var onReadyFunction=函数（）{
var grid=新建Ext.grid.GridPanel({
renderTo:Ext.getBody（），
框架：对，
标题：“示例”，
宽度：450，
身高：200，
门店：Grid1Store，
栏目：[{
标题：“Id”，
数据索引：“id”，
宽度：“50px”
}, {
标题：“姓名”，
数据索引：“名称”，
宽度：“150px”
}, {
标题：“电子邮件”，
数据索引：“电子邮件”，
宽度：“200px”，
对齐：“居中”
}]
});
}
Ext.onReady（onReadyFunction）
.x-grid-cell{
边框底色：红色！重要；
}

虽然这可能是解决问题的一个有价值的提示，但答案确实需要演示解决方案。请提供示例代码来说明您的意思。另一方面，请考虑将此作为评论来写。@ ToBySwitt必须有50个声誉来向其他帖子添加评论。尝试将CSS应用到您的网格中。grididdiv.x-grid-cell-internal{text align:center；}@Vel将代码编辑到答案中比将代码放入注释中要好得多。在评论中，它不太可能被注意到，而且很难阅读。虽然这可能是解决问题的一个有价值的提示，但确实需要一个答案来证明解决方案。请提供示例代码来说明您的意思。另一方面，请考虑将此作为评论来写。@ ToBySwitt必须有50个声誉来向其他帖子添加评论。尝试将CSS应用到您的网格中。grididdiv.x-grid-cell-internal{text align:center；}@Vel将代码编辑到答案中比将代码放入注释中要好得多。在评论中，它很难被注意到，也很难阅读。