Aligner le point décimal de nombres dans une table, avec l'apparition d'un alignement pseudo-"centre" dans la cellule

Je veux une table contenant une colonne de nombres décimaux, de longueur variable avant et après la décimale, avec les points décimaux tous alignés.

La largeur de la colonne doit avoir une taille "liquide", en expansion si nécessaire pour accueillir un nombre très long dans l'une quelconque des cellules de données, ou un très long en-tête relatif à cette colonne.

Les cellules contenant des entiers (aucun point décimal) ne doivent toujours afficher les chiffres avec les chiffres alignés dans la même position que si un caractère décimal était présent. (par exemple, le nombre 512 doit encore avoir ses chiffres alignés correctement avec la cellule contenant uniquement "512" au lieu de "512")

La police devrait être sans importance; monospaced ne devrait pas être une exigence.

Enfin, les chiffres doivent également être centrés dans la colonne le mieux possible, tout en conservant les décimales (visibles et implicites!) alignées. Plus précisément, l'espace "vierge côté gauche" de la cellule avec le plus de caractères avant le caractère décimal (ou simplement la plupart des caractères s'il n'y a pas de caractère décimal présent) doit être de largeur égale comme le "espace vierge à droite" de la cellule avec le plus de caractères après le premier caractère décimal.

Je dis spécifiquement "caractères" au lieu de "chiffres" pour la nécessité finale, car la mise en page de la table doit gérer des caractères symboliques tels que des panneaux positifs / négatifs préparant les chiffres et des lettres telles que des acronymes d'unité de mesure ajoutant les chiffres.

La spécification HTML 4.01, "par le livre", permet une telle disposition d'être effectuée très facilement avec une simple table HTML. (Divisez les données sur son caractère décimal sur les deux cellules internes d'un coloproup à 4 colonnes, avec le col largeur de la largeur externe = "*" et interne deux col largeur = "0 *" , puis définissez le fichier cellpadding de la table de la table = "0" cellulePaçage = "0" Rules = "Groupes" .)

Mais un certain nombre de personnes disent que c'est mauvais et que CSS devrait être utilisé au lieu de tables à des fins de mise en forme. Je comprends également qu'une table avec des données sémantiquement correctes doit conserver ces chiffres intacts dans une seule cellule. Mais je n'ai trouvé aucune méthode CSS pour accéder au formatage souhaité!

Définir simplement l'alignement du texte d'une colonne sur "Centre" ne conserve pas les points décimaux alignés.

sauf si je me trompe, en utilisant Align = "Char" ne peut pas gérer les nombres entier qui n'ont pas de point décimal explicite, mais doivent toujours être alignés comme s'ils le faisaient.

Ajout d'un caractère décimal aux nombres entier, même si le cache-toi, il casse techniquement l'intégrité des données.

Rembourrage Les données avec des espaces non rompus ne fonctionnent pas avec des polices proportionnelles (non monospaces). Et ce piratage aussi briserait l'intégrité des données.

Spécification de la position par décalage de pixels fixes ne permet pas à la colonne d'avoir une largeur véritablement "liquide", rendue si nécessaire pour adapter le contenu de toutes les cellules de la colonne, y compris la cellule d'en-tête, qui pourrait contenir des données de toute longueur à tout moment.

JavaScript qui lit la largeur résultante du tableau après son rendement, puis calcule de manière dynamique des décalages de pixels, puis réécrit la mise en forme via DOM à "glisser" dans l'alignement de la "glissière" et de perturber visuellement lorsque les données sautent. Et c'est un piraté sale pivotant encore plus sale que d'utiliser des tables à des fins de mise en page!

Il me semble presque que l'approche "Purist" CSS-Payout + HTML-Sémantic-Data est incapable de faire cette mise en page simple mais souvent souhaitée! J'espère que quelqu'un peut me faire preuve de tort, et montrez-moi comment faire cette mise en page "correctement".