Table テーブル

Table - サンプル①

ブログ情報テーブル(サンプル)
ブログ名 ブログURL 管理者名 管理者 Twitter 管理者 Facebook
phpspot開発日誌 http://phpspot.org/blog/ ＫＪ @phpspot_kj ー
和洋風KAI http://wayohoo.com/ するぷ @isloop wayohoo
気になる、記になる… http://taisy0.com/ Taisyo @taisy0 kininaru.kininaru
コリス http://coliss.com/ コリス @colisscom coliss3 
<table class="table">
	<thead>
		<caption>ブログ情報テーブル(サンプル)</caption>
		<tr>
			<th>ブログ名</th>
			<th>ブログURL</th>
			<th>管理者名</th>
			<th>管理者 Twitter</th>
			<th>管理者 Facebook</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>phpspot開発日誌</td>
			<td>http://phpspot.org/blog/</td>
			<td>ＫＪ</td>
			<td>@phpspot_kj</td>
			<td>ー</td>
		</tr>
		<tr>
			<td>和洋風KAI</td>
			<td>http://wayohoo.com/</td>
			<td>するぷ</td>
			<td>@isloop</td>
			<td>wayohoo</td>
		</tr>
		<tr>
			<td>気になる、記になる…</td>
			<td>http://taisy0.com/</td>
			<td>Taisyo</td>
			<td>@taisy0</td>
			<td>kininaru.kininaru</td>
		</tr>
		<tr>
			<td>コリス</td>
			<td>http://coliss.com/</td>
			<td>コリス</td>
			<td>@colisscom</td>
			<td>coliss3</td>
		</tr>
	</tbody>
</table>

Table - サンプル②

ブログ情報テーブル(サンプル)
ブログ名 ブログURL 管理者名 管理者 Twitter 管理者 Facebook
phpspot開発日誌 http://phpspot.org/blog/ ＫＪ @phpspot_kj ー
和洋風KAI http://wayohoo.com/ するぷ @isloop wayohoo
気になる、記になる… http://taisy0.com/ Taisyo @taisy0 kininaru.kininaru
コリス http://coliss.com/ コリス @colisscom coliss3 
<table class="table is-striped">
	<thead>
		<caption>ブログ情報テーブル(サンプル)</caption>
		<tr>
			<th>ブログ名</th>
			<th>ブログURL</th>
			<th>管理者名</th>
			<th>管理者 Twitter</th>
			<th>管理者 Facebook</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>phpspot開発日誌</td>
			<td>http://phpspot.org/blog/</td>
			<td>ＫＪ</td>
			<td>@phpspot_kj</td>
			<td>ー</td>
		</tr>
		<tr>
			<td>和洋風KAI</td>
			<td>http://wayohoo.com/</td>
			<td>するぷ</td>
			<td>@isloop</td>
			<td>wayohoo</td>
		</tr>
		<tr>
			<td>気になる、記になる…</td>
			<td>http://taisy0.com/</td>
			<td>Taisyo</td>
			<td>@taisy0</td>
			<td>kininaru.kininaru</td>
		</tr>
		<tr>
			<td>コリス</td>
			<td>http://coliss.com/</td>
			<td>コリス</td>
			<td>@colisscom</td>
			<td>coliss3</td>
		</tr>
	</tbody>
</table>

Table - サンプル③

ブログ情報テーブル(サンプル)
ブログ名 ブログURL 管理者名 管理者 Twitter 管理者 Facebook
phpspot開発日誌 http://phpspot.org/blog/ ＫＪ @phpspot_kj ー
和洋風KAI http://wayohoo.com/ するぷ @isloop wayohoo
気になる、記になる… http://taisy0.com/ Taisyo @taisy0 kininaru.kininaru
コリス http://coliss.com/ コリス @colisscom coliss3 
<table class="table is-striped has-hover">
	<thead>
		<caption>ブログ情報テーブル(サンプル)</caption>
		<tr>
			<th>ブログ名</th>
			<th>ブログURL</th>
			<th>管理者名</th>
			<th>管理者 Twitter</th>
			<th>管理者 Facebook</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>phpspot開発日誌</td>
			<td>http://phpspot.org/blog/</td>
			<td>ＫＪ</td>
			<td>@phpspot_kj</td>
			<td>ー</td>
		</tr>
		<tr>
			<td>和洋風KAI</td>
			<td>http://wayohoo.com/</td>
			<td>するぷ</td>
			<td>@isloop</td>
			<td>wayohoo</td>
		</tr>
		<tr>
			<td>気になる、記になる…</td>
			<td>http://taisy0.com/</td>
			<td>Taisyo</td>
			<td>@taisy0</td>
			<td>kininaru.kininaru</td>
		</tr>
		<tr>
			<td>コリス</td>
			<td>http://coliss.com/</td>
			<td>コリス</td>
			<td>@colisscom</td>
			<td>coliss3</td>
		</tr>
	</tbody>
</table>

Table - サンプル④

ブログ情報テーブル(サンプル) - Small
ブログ名 ブログURL 管理者名 管理者 Twitter 管理者 Facebook
phpspot開発日誌 http://phpspot.org/blog/ ＫＪ @phpspot_kj ー
和洋風KAI http://wayohoo.com/ するぷ @isloop wayohoo
気になる、記になる… http://taisy0.com/ Taisyo @taisy0 kininaru.kininaru
コリス http://coliss.com/ コリス @colisscom coliss3
ブログ情報テーブル(サンプル) - Default
ブログ名 ブログURL 管理者名 管理者 Twitter 管理者 Facebook
phpspot開発日誌 http://phpspot.org/blog/ ＫＪ @phpspot_kj ー
和洋風KAI http://wayohoo.com/ するぷ @isloop wayohoo
気になる、記になる… http://taisy0.com/ Taisyo @taisy0 kininaru.kininaru
コリス http://coliss.com/ コリス @colisscom coliss3
ブログ情報テーブル(サンプル) - Large
ブログ名 ブログURL 管理者名 管理者 Twitter 管理者 Facebook
phpspot開発日誌 http://phpspot.org/blog/ ＫＪ @phpspot_kj ー
和洋風KAI http://wayohoo.com/ するぷ @isloop wayohoo
気になる、記になる… http://taisy0.com/ Taisyo @taisy0 kininaru.kininaru
コリス http://coliss.com/ コリス @colisscom coliss3 
<!-- Small Table -->
<table class="table is-striped small">
	<thead>
		<caption>ブログ情報テーブル(サンプル) - Small</caption>
		<tr>
			<th>ブログ名</th>
			<th>ブログURL</th>
			<th>管理者名</th>
			<th>管理者 Twitter</th>
			<th>管理者 Facebook</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>phpspot開発日誌</td>
			<td>http://phpspot.org/blog/</td>
			<td>ＫＪ</td>
			<td>@phpspot_kj</td>
			<td>ー</td>
		</tr>
		<tr>
			<td>和洋風KAI</td>
			<td>http://wayohoo.com/</td>
			<td>するぷ</td>
			<td>@isloop</td>
			<td>wayohoo</td>
		</tr>
		<tr>
			<td>気になる、記になる…</td>
			<td>http://taisy0.com/</td>
			<td>Taisyo</td>
			<td>@taisy0</td>
			<td>kininaru.kininaru</td>
		</tr>
		<tr>
			<td>コリス</td>
			<td>http://coliss.com/</td>
			<td>コリス</td>
			<td>@colisscom</td>
			<td>coliss3</td>
		</tr>
	</tbody>
</table>
<!-- Default Table -->
<table class="table is-striped">
	<thead>
		<caption>ブログ情報テーブル(サンプル) - Default</caption>
		<tr>
			<th>ブログ名</th>
			<th>ブログURL</th>
			<th>管理者名</th>
			<th>管理者 Twitter</th>
			<th>管理者 Facebook</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>phpspot開発日誌</td>
			<td>http://phpspot.org/blog/</td>
			<td>ＫＪ</td>
			<td>@phpspot_kj</td>
			<td>ー</td>
		</tr>
		<tr>
			<td>和洋風KAI</td>
			<td>http://wayohoo.com/</td>
			<td>するぷ</td>
			<td>@isloop</td>
			<td>wayohoo</td>
		</tr>
		<tr>
			<td>気になる、記になる…</td>
			<td>http://taisy0.com/</td>
			<td>Taisyo</td>
			<td>@taisy0</td>
			<td>kininaru.kininaru</td>
		</tr>
		<tr>
			<td>コリス</td>
			<td>http://coliss.com/</td>
			<td>コリス</td>
			<td>@colisscom</td>
			<td>coliss3</td>
		</tr>
	</tbody>
</table>
<!-- Large Table -->
<table class="table is-striped large">
	<thead>
		<caption>ブログ情報テーブル(サンプル) - Large</caption>
		<tr>
			<th>ブログ名</th>
			<th>ブログURL</th>
			<th>管理者名</th>
			<th>管理者 Twitter</th>
			<th>管理者 Facebook</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>phpspot開発日誌</td>
			<td>http://phpspot.org/blog/</td>
			<td>ＫＪ</td>
			<td>@phpspot_kj</td>
			<td>ー</td>
		</tr>
		<tr>
			<td>和洋風KAI</td>
			<td>http://wayohoo.com/</td>
			<td>するぷ</td>
			<td>@isloop</td>
			<td>wayohoo</td>
		</tr>
		<tr>
			<td>気になる、記になる…</td>
			<td>http://taisy0.com/</td>
			<td>Taisyo</td>
			<td>@taisy0</td>
			<td>kininaru.kininaru</td>
		</tr>
		<tr>
			<td>コリス</td>
			<td>http://coliss.com/</td>
			<td>コリス</td>
			<td>@colisscom</td>
			<td>coliss3</td>
		</tr>
	</tbody>
</table>

Table - サンプル⑤

ブログ情報テーブル(サンプル)
ブログ名 ブログURL 管理者名 管理者 Twitter 管理者 Facebook
phpspot開発日誌 http://phpspot.org/blog/ ＫＪ @phpspot_kj ー
和洋風KAI http://wayohoo.com/ するぷ @isloop wayohoo
気になる、記になる… http://taisy0.com/ Taisyo @taisy0 kininaru.kininaru
コリス http://coliss.com/ コリス @colisscom coliss3 
<table class="table is-striped is-sortable">
	<thead>
		<caption>ブログ情報テーブル(サンプル)</caption>
		<tr>
			<th>
				<a href="">
					ブログ名
					<span class="caret-up"></span>
					<span class="caret-down"></span>
			</th>
			<th>ブログURL</th>
			<th>管理者名</th>
			<th>管理者 Twitter</th>
			<th>管理者 Facebook</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>phpspot開発日誌</td>
			<td>http://phpspot.org/blog/</td>
			<td>ＫＪ</td>
			<td>@phpspot_kj</td>
			<td>ー</td>
		</tr>
		<tr>
			<td>和洋風KAI</td>
			<td>http://wayohoo.com/</td>
			<td>するぷ</td>
			<td>@isloop</td>
			<td>wayohoo</td>
		</tr>
		<tr>
			<td>気になる、記になる…</td>
			<td>http://taisy0.com/</td>
			<td>Taisyo</td>
			<td>@taisy0</td>
			<td>kininaru.kininaru</td>
		</tr>
		<tr>
			<td>コリス</td>
			<td>http://coliss.com/</td>
			<td>コリス</td>
			<td>@colisscom</td>
			<td>coliss3</td>
		</tr>
	</tbody>
</table>

Table - サンプル⑥

ブログ情報テーブル(サンプル)
ブログ名 ブログURL 管理者名 管理者 Twitter 管理者 Facebook
phpspot開発日誌 http://phpspot.org/blog/ ＫＪ @phpspot_kj ー
和洋風KAI http://wayohoo.com/ するぷ @isloop wayohoo
気になる、記になる… http://taisy0.com/ Taisyo @taisy0 kininaru.kininaru
コリス http://coliss.com/ コリス @colisscom coliss3
まとめサイト
GIGAZINE（ギガジン） http://gigazine.net/ ー @gigazine GIGAZINE
ギズモード・ジャパン http://www.gizmodo.jp/ ー @gizmodojapan gizmodojp 
<table class="table is-striped is-sortable">
	<thead>
		<caption>ブログ情報テーブル(サンプル)</caption>
		<tr>
			<th>ブログ名</th>
			<th>ブログURL</th>
			<th>管理者名</th>
			<th>管理者 Twitter</th>
			<th>管理者 Facebook</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>phpspot開発日誌</td>
			<td>http://phpspot.org/blog/</td>
			<td>ＫＪ</td>
			<td>@phpspot_kj</td>
			<td>ー</td>
		</tr>
		<tr>
			<td>和洋風KAI</td>
			<td>http://wayohoo.com/</td>
			<td>するぷ</td>
			<td>@isloop</td>
			<td>wayohoo</td>
		</tr>
		<tr>
			<td>気になる、記になる…</td>
			<td>http://taisy0.com/</td>
			<td>Taisyo</td>
			<td>@taisy0</td>
			<td>kininaru.kininaru</td>
		</tr>
		<tr>
			<td>コリス</td>
			<td>http://coliss.com/</td>
			<td>コリス</td>
			<td>@colisscom</td>
			<td>coliss3</td>
		</tr>

		<tr class="table-divider">
			<td colspan="5">まとめサイト</td>
		</tr>
		<tr>
			<td>GIGAZINE（ギガジン）</td>
			<td>http://gigazine.net/</td>
			<td>ー</td>
			<td>@gigazine</td>
			<td>GIGAZINE</td>
		</tr>
		<tr>
			<td>ギズモード・ジャパン</td>
			<td>http://www.gizmodo.jp/</td>
			<td>ー</td>
			<td>@gizmodojapan</td>
			<td>gizmodojp</td>
		</tr>
	</tbody>
</table>

Table - サンプル⑦

ブログ情報テーブル(サンプル)
ブログ名 ブログURL 管理者名 管理者 Twitter 管理者 Facebook
phpspot開発日誌 http://phpspot.org/blog/ ＫＪ @phpspot_kj ー
和洋風KAI http://wayohoo.com/ するぷ @isloop wayohoo
気になる、記になる… http://taisy0.com/ Taisyo @taisy0 kininaru.kininaru
コリス http://coliss.com/ コリス @colisscom coliss3