DataTables
Advanced interaction
features for your tables.
Editor
Comprehensive editing
library for DataTables.
Manual
Download
≡ Show site navigation

Numerical alignment

Numerical alignment

badlerbadler Posts: 1Questions: 1Answers: 0
in Free community support

I'd like to use datatables to present some statistics. There will be multiple columns of numbers with a wide range of values, and I'm looking to align numbers in the same column horizontally, so their decimal point aligns. Essentially what's asked at https://stackoverflow.com/questions/1363239/:

I haven't seen any example showing support for this. Is this possible?

Thanks!
Ben

Answers

  • kthorngrenkthorngren Posts: 21,330Questions: 26Answers: 4,951

    I think that would be tough to workout a solution. See this thread. One option might be to use a number renderer and force all numbers to have the same number of decimal places. Might not work for your requirements though.

    Kevin

  • allanallan Posts: 63,498Questions: 1Answers: 10,471 Site admin

    There was a specific CSS proposal to be able to do exactly this sort of things, but I'm damned if I can remember the name of it at the moment. It never got any traction and browser's didn't implement it.

    The way to do it is to split the number up - e.g.

    <span>123</span>
<span>.</span>
<span>4</span>

    Probably add some classes, then use CSS and flex box to align everything.

    It would be possible to wrap it up into a rendering function. That would be a good one for a blog post... I'll write that up once I've finished my current tasks (so probably towards the end Nov).

    Allan

Sign In or Register to comment.

DataTables

DataTables designed and created by SpryMedia Ltd.
© 2007-2023 MIT licensed. Privacy policy. Supporters.
SpryMedia Ltd is registered in Scotland, company no. SC456502.