###【実現したいこと】
###テーブルの値を、表のようにしてビューで表示させたい。

###【結論】
###bootstrapで作ると簡単でした。

以下の記事を参考にしました。
参考

table 基本の表が出来る。
table-bordered　 テーブルとセルの全ての横にラインが表示される。
table-condensed　行間の狭いテーブルになる。
table-stripedを付けると<tbody>の中のテーブル行が交互に色付く。

・テーブルタグについて
参考

<tr>タグとは
・trタグは列を表す
・このタグの間に書かれたものが同じ列となる。

<td>タグとは
・セルを意味するタグの1つ
・このタグの間にテキストを書く
・書かれた内容は通常の文となり左揃いとなる。

<th>タグとは
・セルを意味するタグの1つ
・このタグの間にテキストを書く
・書かれた内容は見出しとなり太字で中央揃いとなる。

<thead>テーブルのヘッダー行
<tbody> テーブル部分の行
<tfoot> theadと共に指定することで、tbodyだけをスクロールさせることが出来る。