②cssにてクラスを作成

列ごとに幅を調整するCSSクラスを書きます。

1. 「コードを表示」ボタンからスタイルタブを表示します
   
   
2. 列ごとの幅をそれぞれ変えたい場合、列の数分クラスを作ります。
   今回の例は6列あるので6つのクラスを作ります。
   
   

         // 以下の内容をコピーしてお使いください
         .col_1{
           max-width: calc(1/12 * 100%);
       }
       

   ※上記は12分の1をコピーして6つになっているので合計して12分の6幅を使っていることになります。
   残り6幅分を分配してバランスを整えます。
3. 右ペインにある「アウトライン」タブを開き、該当するid名を探します
   変更する必要があるのは以下です。
   
   • table-header-cell.?(?は列によって数字が変わります)
   • column-cell.?(?は列によって数字が変わります)
   
   テンプレートのタグを確認すると以下のように見えます。（table-header-cell.1の場合）
   
   ※table-header-cell.1は1列目のタイトル表示部分になります
4. 該当するid名にカーソルを合わせると、右隣に「プロパティシート」画面へ移動するボタンが現れます。
   ボタンを押下してプロパティシートを表示します。
   
   また、キャンバスを確認すると選択している項目に罫線の囲みができます。
   
5. プロパティシート内「スタイルのオーバーライド」項目にてクラスを追加します。
   Classのフォームへクラス名を転記します。
   
   
6. キャンバス画面にて幅の変更を確認します。