在表格中右对齐并居中

sup*_*rue 6 javascript css jquery

我经常使用包含必须右对齐的数字的表,以使一个/十/几百/千位的数字对齐。像这样:

    2,343
1,000,000
       43
   43,394
  232,111
Run Code Online (Sandbox Code Playgroud)

这些表中的列标题居中。当表的列很宽时,看起来并不好:

         Column 1                    Column 2
===========================|===========================
                     2,343 |                        32     
                        43 |                    44,432
                12,243,394 |                        23 
                   232,111 |                     4,432
Run Code Online (Sandbox Code Playgroud)

有没有一种方法可以使用javascript,jQuery或CSS根据最大的数字来使数字居中,但是要保持正确的理由呢?所需的最终结果将是这样的:

         Column 1                    Column 2
===========================|===========================
             2,343         |              32     
                43         |          44,432
        12,243,394         |              23 
           232,111         |           4,432
Run Code Online (Sandbox Code Playgroud)

我知道我可以全局设置td填充,但是我正在寻找一种动态解决方案,该解决方案可以适应不同的表,即使列宽和数字宽也不同。

能做到吗?

Ano*_*sse 1

明显的技巧是使用额外的表格单元格。IE

         Column 1                   Column 2
===========================|===========================
      .      2,343 .       |        .     32 .    
      .         43 .       |        . 44,432 .
      . 12,243,394 .       |        .     23 .
      .    232,111 .       |        .  4,432 .
Run Code Online (Sandbox Code Playgroud)

其中.指示不可见的表格边框具有自动宽度。