Sean Landry Interaction Designer » JQuery http://seanlandry.com CSS zealot and user experience maniac Tue, 03 Jan 2012 20:04:27 +0000 en hourly 1 http://wordpress.org/?v=3.0 Aligning data with a decimal point using JQuery http://seanlandry.com/2009/10/16/aligning-data-with-a-decimal-point-using-jquery/ http://seanlandry.com/2009/10/16/aligning-data-with-a-decimal-point-using-jquery/#comments Fri, 16 Oct 2009 14:44:01 +0000 slandry http://seanlandry.com/blog/2009/10/16/aligning-data-with-a-decimal-point-using-jquery/ Last night I received a real brain twister of a question from @ganarce on my Twitter page. He wanted to know if there was a way to align data within a table using a decimal point “.”. Seemed like a fairly routine type of formatting (invoices, data etc.). Without massaging the data ahead of time to all have the same number of characters before or after the decimal point.

Aligning data with a decimal point

I went to the W3C to for an explanation on horizontal alignment. Ah ha! there it was. Easy enough:

col align=”char” char=”.”

Unfortunately there is little or no support for this attribute amongst the Browser community. I found a method using JQuery that seems to work with IE, FF and Chrome.

Happy formatting!

]]> http://seanlandry.com/2009/10/16/aligning-data-with-a-decimal-point-using-jquery/feed/ 0