検索キーワードを入力:

エクセルシートをHTMLテーブルに変換しちゃう君 (ββ)を使ってみた

テーブルタグが苦手な方へ。。
便利なツールがあったもんだ!
その名も『エクセルシートをHTMLテーブルに変換しちゃう君
エクセルで作った表をcssとhtmlで出力してくれます。
では使ってみよー。

適当にエクセルで作成。
exel1
んで表の部分を範囲指定してクリップボードへコピー。
exel2
あとはサイトの上のテキストボックスにペーストして、オプションをいじくって変換ボタンをポン!
それだけでめんどくさいテーブルタグが産まれます。
ちなみに、テスト用で作ってみたcssとhtmlが以下

テスト1 テスト2 テスト3 テスト4 テスト5
てすと1 1 2 3 4 5
てすと2 6 7 8 9
てすと3 2 3 40000
てすと4 1 2 3 4
てすと5 6 7 5

css

[sourcecode language=”css”]
table {
border-collapse: collapse;
}
th {
border: solid 1px #666666;
color: #000000;
background-color: #ff9999;
}
td {
border: solid 1px #666666;
color: #000000;
background-color: #ffffff;
}
[/sourcecode]

HTML

[sourcecode language=”html”]
<table>
<thead>
<tr>
<th>

</th>
<th>
テスト1
</th>
<th>
テスト2
</th>
<th>
テスト3
</th>
<th>
テスト4
</th>
<th>
テスト5
</th>
</tr>
</thead>
<tbody>
<tr>
<th>
てすと1
</th>
<td>
1
</td>
<td>
2
</td>
<td>
3
</td>
<td>
4
</td>
<td>
5
</td>
</tr>
<tr>
<th>
てすと2
</th>
<td>
6
</td>
<td>
7
</td>
<td>
8
</td>
<td>
9
</td>
<td>

</td>
</tr>
<tr>
<th>
てすと3
</th>
<td>
2
</td>
<td>

</td>
<td>
3
</td>
<td>

</td>
<td>
40000
</td>
</tr>
<tr>
<th>
てすと4
</th>
<td>
1
</td>
<td>
2
</td>
<td>
3
</td>
<td>

</td>
<td>
4
</td>
</tr>
<tr>
<th>
てすと5
</th>
<td>
6
</td>
<td>

</td>
<td>
7
</td>
<td>
5
</td>
<td>

</td>
</tr>
</tbody>
</table>
[/sourcecode]

About Little

WordPressをいじくり倒して早10年。一人ぼっちでひたすらソースとにらめっこ厨。 有り難いことに、Welcart/WP e-commerce/WooCommerce/EC-Cube等で多数ECサイトを制作させていただいたけど、ふと気付いた、ちゃんと売れるのか。 効果的に売れるようにするためにはどうしたらいいのか。ということでお勉強を兼ねてECサイトも運営中。
2009年1月24日

Related Posts

0 comments found

Comments for: エクセルシートをHTMLテーブルに変換しちゃう君 (ββ)を使ってみた

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です