Extjs Allign只有单元格文本在右边

Question

我需要将单元格文本对齐到右侧。

{
            xtype : 'numbercolumn',
            dataIndex : 'lineAmount',
            id : 'lineAmount',
            header : 'Net Line amount',
            sortable : true,
            width : 150,
            summaryType : 'sum',
            css: 'text-align: rigth;',
            summaryRenderer : Ext.util.renderers.summary.sum,
            editor : {
                xtype : 'numberfield',
                allowBlank : false
            }

添加align属性对我不起作用，因为它还会对齐标题文本

Answer 1

存在一个numbercolumn名为的配置align。只是用那个。

每当您遇到困难时，都可以参考专门为初学者设计的secha文档。

我假设您是新手，并向您说明如何使用docs ..，以便您清楚地理解：

• 首先转到搜索字段，以搜索组件，方法或事件或其他内容。

• 在您的情况下，让我们假设您搜索了“ numbercolumn ”，然后您将看到以下窗口，其中显示了所有cofigs，属性，方法等。只需将鼠标悬停在它们上，便知道“ numbercolumn ”与什么相关。
• 在您的情况下，您正在寻找一个配置，该配置可使文本向右对齐。那么您主要是在寻找txtAlign，align，textAlign等关键字。
• 因此，您将找到一个名为“ align ”的配置。只需单击它即可了解更多信息。

• 了解了cofig“ align ”之后，您可能需要对其进行测试。为此，文档提供了内联代码编辑器，如下图所示。
• 代码编辑器有两个选项卡，“ 代码编辑器 ”和“ 实时预览 ”。这些话说明了一切。
• 只需在“ 代码编辑器 ”选项卡中添加更改，然后在“ 实时预览 ”选项卡中查看结果即可。

• 例如，align: "right"在下面的“ 代码编辑器 ”中添加代码。

更新

CSS：

.columnAlign{
     text-align: right;
}

extjs

tdCls: "columnAlign",

Answer 2

正如 Mr_Green 的回答，您可以使用align将文本向右或向左对齐 。为了使标题保持居中对齐，请使用 css 作为：

.x-column-header-inner{
    text-align:center;
 }

更新：

......//

  {
    xtype : 'grid',
    cls   : 'gridCss',
    ...//other configs
  }

......//

在你的 app.css 文件中：

 .gridCss .x-column-header-inner{
    text-align:center;
 }

在你的index.jsp中

<link rel="stylesheet" type="text/css" href="app/resources/css/app.css">