右对齐 ap:dataTable 中的 p:inputNumber

Question

我编写了一个p:dataTable用于p:inputNumber每个单元的 PrimeFaces (JSF / Java)。一切正常，但由于 的p:inputNumber内容左对齐，表格看起来参差不齐。我尝试过的所有格式都是格式化控件本身，而不是其内容。

有什么办法可以右对齐 a 的内容吗p:inputNumber？

Answer 1

如果有人在 2020 年或之后访问此页面：

对于 PrimeNG 10，输入样式需要 Angular ngStyle 语法。只需执行以下操作：

<p-inputNumber [(ngModel)]="0.00" [inputStyle]="{'text-align': 'right'}"></p-inputNumber>

2023 年更新：

上面的情况还是有可能的。但是当使用 primeflex 时，我更喜欢这个解决方案，使用已经可用的“text-right”类：

<p-inputNumber [(ngModel)]="0.00" inputStyleClass="text-right"></p-inputNumber>

Answer 2

因为inputNumber有属性inputStyle和inputStyleClass。

我设法让我的数字输入右对齐，如下所示：

<p:inputNumber value="0.00" inputStyle="text-align: right" />