Excelの表→Webページのテーブル

Excelで作成した表をウェブサイトで公開したい場合があるかと思います。

Excelファイルへとリンクを貼るとダウンロード形式になってしまうし、PDFファイルへとリンクを貼るとブラウザで表示はされるものの、なんか味気ない気がします。

そんな時、私はHTMLでテーブルを作成します。
しかし、HTMLでのテーブル作成は意外と面倒くさいのです。。。Excelでは簡単にできるセル結合もHTMLで作成するときには、colspan、rowspanを指定の上、それらを指定した<tr>タグ内の<td>を削除する必要があります。文字ばかりのおまじないの一部を加除修正するのは結構困難で、削除を忘れたり、削除する位置を間違えたりするとテーブルのレイアウトが崩れます。

そこで思いついたのが、Excelで作成した表の脇に、Excel関数などを用いてHTMLのテーブルに変換するためのHTMLベースの記述を行っていくことです。一部例外的に、セル結合に規則性のない場合は、当該箇所のみ手修正が必要になりますが、実物と見比べながら作業できるため、少しだけですが作業が容易になります。

一方、WordPressの場合・・・たったの3工程で作成できます。

①WordPressの編集画面でクラシックブロックを追加
②Excelの表全体を選択の上、コピー
③WordPressに戻り、クラシックブロックを選択の上、ペースト

※必要に応じて、テーブルのデザイン、文字配置をCSSで調整します。

実際に挿入されたテーブルは次の表です。セル結合の位置まで再現されているので、かなり便利です。

月	日	曜	イベント	場所	区分
月	日	曜	イベント	場所	住区住民会議活動	部会活動
4	1	土	桜フェスティバル	××公園	○
	24	月	第1回常任委員会	○○住区センター	○
	28	金	＜生活＞講演会「災害に備える」	○○住区センター		○
	29	土	＜青少年＞歩こう会とゲーム大会	××公園		○
5	18	木	第32回住区住民会議定期総会	○○住区センター	○
5	20	土	＜スポーツ＞グラウンドゴルフ研修会	▲▲ゴルフコース		○
6	17	土	＜防災＞地域防災教育訓練（地域・学校合同）	○○小学校		○
	18	日	＜施設運営＞避難誘導訓練	○○住区センター		○
	22	木	第2回常任委員会	○○住区センター	○
7	5	水	住区まつり実行委員会	○○住区センター	○
	15	土	盆踊り講習会	○○住区センター	○
	22	土	盆踊り講習会	○○住区センター	○
	27・28	木・金	盆踊り大会	××公園	○
8	17～19	木～土	＜青少年＞夏休みキャンプ	◆◆◆園		○
	17～19	木～土	＜生活＞リサイクル手芸教室	○○住区センター		○
	24	木	第3回常任委員会	○○住区センター	○
9	5	火	住区まつり実行委員会	○○住区センター	○
	10	日	＜施設運営＞AED訓練	○○住区センター		○
	29	金	＜交通＞自転車点検と安全教室	○○小学校		○
10	3	火	住区まつり実行委員会	○○住区センター	○
	12	木	第4回常任委員会	○○住区センター	○
	27・28	金・土	住区まつり	○○住区センター / ○○小学校	○
11	4	土	＜防災＞総合防災訓練	○○小学校		○
			＜青少年＞科学で遊ぼう	○○小学校		○
			＜スポーツ＞中央地区スポーツ大会	○○住区センター		○
	17	金	＜施設運営＞利用者懇談会	○○住区センター		○
	17	金	＜生活＞社会見学	崎陽軒工場		○
	30	木	火まつり実行委員会	○○住区センター	○
12	21	木	第5回常任委員会	○○住区センター	○
	23	土	＜生活＞社会見学	○○住区センター		○
	23	土	＜スポーツ＞中央地区スポーツ大会	××体育館		○
1	13	土	書き初め大会	○○住区センター	○
	13	土	火まつり大会	××公園	○
	21	日	＜防災＞普通救命（AED含）講習会	○○住区センター		○
	28	日	町会・住区合同新年会	○○住区センター	○
2	15	木	第6回常任委員会	○○住区センター	○
	18	日	＜青少年＞新入学児童交通安全教室	○○小学校		○
	18	日	＜防犯＞防犯のつどい	○○住区センター		○
3	9	土	＜青少年＞××地区ドッジボ-ル大会	××体育館		○
3	15	金	第7回常任委員会	○○住区センター	○