如何右对齐grails表中的数字编辑值

Question

我在gsp文件中定义了一个表。 该表有一个带有数字编辑数字的列。 我想将它们正确对齐，以便小数点都在相同的位置，在前一行中的相应位置下一个位置。

彼得

Answer 1

这是你想要的？ 在这里尝试。

[
    '1.0', 
    '115.00', 
    '0.0', 
    '100.0', 
    '24.9', 
    '4.09', 
    '54.09', 
    '13452.098', 
    '134520.098', 
    '198.0', 
    '0.98'
].each { 
    def (whole, fraction) = it.tokenize(/./)
    println ( [ whole.padLeft(6), fraction ].join(/./) ) 
}

//Output
     1.0
   115.00
     0.0
   100.0
    24.9
     4.09
    54.09
 13452.098
134520.098
   198.0
     0.98

假设：

• 所有小数
• 最多6位整数

Answer 2

如果使用的是固定宽度的字体，则可以按照dmahapatro的建议使用padLeft方法，但是，如果不使用固定宽度的字体，则必须使用一些CSS来正确设置其格式。 我建议将所有内容都放在跨度中小数点右边（包括小数点），给它固定的宽度，然后将其向左对齐。 在这里查看小提琴： http : //jsfiddle.net/fvp3obxr/ 。 您可能需要根据宽度的小数位数来调整宽度。