【実現したいこと】
テーブルの値を、表のようにしてビューで表示させたい。
【結論】
bootstrapで作ると簡単でした。
以下の記事を参考にしました。
参考
table 基本の表が出来る。
table-bordered テーブルとセルの全ての横にラインが表示される。
table-condensed 行間の狭いテーブルになる。
table-stripedを付けると<tbody>の中のテーブル行が交互に色付く。
・テーブルタグについて
参考
<tr>タグとは
・trタグは列を表す
・このタグの間に書かれたものが同じ列となる。
<td>タグとは
・セルを意味するタグの1つ
・このタグの間にテキストを書く
・書かれた内容は通常の文となり左揃いとなる。
<th>タグとは
・セルを意味するタグの1つ
・このタグの間にテキストを書く
・書かれた内容は見出しとなり太字で中央揃いとなる。
<thead>テーブルのヘッダー行
<tbody> テーブル部分の行
<tfoot> theadと共に指定することで、tbodyだけをスクロールさせることが出来る。