javascript - Extjs 仅将单元格文本向右对齐

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
            }

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

Answer 1

numbercolumn 有一个配置，称为 align .就用那个吧。

每当遇到困难时，请引用专为初学者设计的精美 secha 文档。

我假设您是初学者，并向您解释如何使用文档……以便您清楚地理解:

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

---

---

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

---

---

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

---

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

---

---

已更新

CSS:

.columnAlign{
     text-align: right;
}

扩展

tdCls: "columnAlign",