Javascript Cx框架：如何在NumberField上设置align:right和decimal精度

我正在从事一个项目，在该项目中，IU是在

Cx

中完成的，这是一个新的

React

前端框架
我有一个网格，每个列的顶部都有过滤器字段。
例如，这是数字列和字段：

{
    field: 'score', sortable: true,
    header: {
        style: 'width: 150px',
        items: <cx>
            <div>
                Score
                <br />
                <NumberField style="width:100%;margin-top:5px" value:bind="$page.filter.score"
                    reactOn="enter blur"/>
            </div>
        </cx>
    },
},

{
字段：'score'，可排序：true，
标题：{
样式：“宽度：150px”，
项目：
分数


},
},

但是值在左边，我需要它在右边。 我希望grid和filter字段值都在右边，但保持列名在左边。就像通常在Excel中一样。

---

另外，如何设置自定义十进制数，例如2？

NumberField

小部件允许通过

inputStyle

在输入元素上设置其他样式。格式化是使用

格式

完成的。网格列标题可以使用

样式设置自己的样式

考虑到所有这些，应该是这样的：

{
    field: "score",
    sortable: true,
    header: {
      style: "width: 150px; text-align: left",
      items: (
        <cx>
          <div>
            Score
            <br />
            <NumberField
              value:bind="$page.filter.score"
              format="n;2"
              style="width:100%;margin-top:5px"
              inputStyle="text-align: right"
              reactOn="enter blur"
            />
          </div>
        </cx>
      )
    }
  }

{
字段：“得分”，
可排序：是的，
标题：{
样式：“宽度：150px；文本对齐：左”，
项目：(
分数


)
}
}
Marko thx快速回复。还有一件事，在将此配置设置为默认值的情况下，如何覆盖这些组件（带有标题的字段和NumberField），这样我们就不必对所有数字列/字段重复此配置。@BorisDj您可以将标题配置提取到一个函数中，并为每个数字列调用该函数。