vmware-clarity - データグリッドで列幅を変更するにはどうすればよいですか

Question

angular 5アプリにデータグリッドがあります:

<clr-datagrid>
  <clr-dg-column>a</clr-dg-column>
  <clr-dg-column>b</clr-dg-column>
  <clr-dg-column>b</clr-dg-column>
  <clr-dg-column>b</clr-dg-column>

  <clr-dg-row>
    <clr-dg-cell>1</clr-dg-cell>
    <clr-dg-cell>2</clr-dg-cell>
    <clr-dg-cell>3</clr-dg-cell>
    <clr-dg-cell>4</clr-dg-cell>
  </clr-dg-row>
</clr-datagrid>

モバイル ディスプレイでは、このテーブルは画面よりも幅が広いのですが、縮小するように列の幅を設定するにはどうすればよいですか。

編集: 私が達成しようとしているのは、このスコアシートを再作成することです: https://boardgamegeek.com/image/3360178/clans-caledonia

モバイルデバイスでの入力用に、それに近いものを作成できるはずだと私は信じています。