テーブルの右端の列（数値が入る）を、幅：可変・桁揃えで表示したい

Question

###前提・実現したいこと
テーブルの右端の列（画像の「数値の列」）を、
幅：可変
桁揃え
で表示したいです。

左の列はwidthを指定して幅を固定しているのですが、
右端の列はwidth:100%にし、ブラウザの幅に合わせて伸び縮みするようにしています。
このままtext-align:rightにすると、右端に数値が表示されて桁は揃いますが、タイトルと数値が離れすぎてしまいます。
列幅は100%のままで、数値の桁を揃える良い方法はありませんでしょうか？

###HTML

<table>
  <thead>
    <tr>
      <th class="strA">列A</th><th class="num">数値の列</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td class="strA">文字列</td><td class="num">1000</td>
    </tr>
    <tr>
      <td class="strA">文字列</td><td class="num">1</td>
    </tr>
    ・・・
  </tbody>
</table>

###CSS

 .strA{
  width:140px;
  min-width:140px;
 }

 .num{
  width:100%;
  min-width:100px;
 }

 td.num{
   text-align:right;
 }

Answer 1

幅を指定しない空白のセルを右側に付ける方法はいかがでしょうか？

<th class="strA">列A</th><th class="num">数値の列</th><th></th>

<td class="strA">文字列</td><td class="num">1</td><td></td>

のような…

Comments

[nae_stage]

回答ありがとうございます。
空白のセルを右側に付けて、
　数値の列　　width:タイトルと数値が離れすぎないようなサイズ
　空白のセル　width:100%
とすることで、右端の列（というかテーブル）が伸び縮みし、尚且つ数値はタイトルから離れすぎずに桁揃え、という期待通りの表示にすることができました。

ちなみに、HTMLを触らずに、CSSだけではどうにもなりませんでしょうか・・・？

[nnahito]

コメントありがとうございます。
私自身、独学で知識が偏っているのであまり思いつきませんね……
やるとすると……
padding-right
を入れて右に空白を作る……とかですかね……
すると、「text-align: right」を指定する意味がなくなってきそうですが…＾＾；

[nae_stage]

追記ありがとうございます。
やはり空白のセルを設けるのが一番スマートな方法ということですかね・・・！
この度は大変助かりました、ありがとうございました！