Bootstrapのテーブルのclassまとめ

harada 1,907views 更新:2014年8月26日

覚えきれず何回も見返してしまうのでまとめておきます。
表示サンプルはこちらです。

基本のテーブル

<table class="table">
~
</table>

しましまテーブル

<table class="table table-striped">
~
</table>

線ありテーブル

<table class="table table-bordered">
~
</table>

hoverするテーブル

<table class="table table-hover">
~
</table>

コンパクトなテーブル

<table class="table table-condensed">
~
</table>

trに色

<table class="table">
<thead>
<tr>
<th>番号</th>
<th>名前</th>
</tr>
</thead>
<tbody>
<tr class="success">
<td>2</td>
<td>success</td>
</tr>
<tr class="error">
<td>3</td>
<td>error</td>
</tr>
<tr class="warning">
<td>4</td>
<td>warning</td>
</tr>
    <tr class="info">
<td>5</td>
<td>info</td>
</tr>
</tbody>
</table>

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません