表の扱い方と注意点

戻る

Excelの表は、該当部分を選択コピーし、WPの挿入箇所にカーソルを置いて貼り付けることが出来ます。

例えば先輩からのメッセージのスケジュールを交流委員会から送られたExcelからコピーして直接貼り付けると下記の様になります。

「先輩からのメッセージ2016」教室番号・タイムスケジュール 【53号館】
第 一 部  201教室    203教室    301教室   第 二 部
 13:00~13:13 王子ホールディングス ㈱ デ ン カ   ㈱ 富 士 フ イ ル ム ㈱  15:45~15:58
 13:15~13:28 ㈱ノリタケカンパニーリミテド ㈱ 東  芝 ニ   チ  レ キ  ㈱  16:00~16:13
 13:30~13:43 ラ イ オ ン ㈱ テ   ル  モ  ㈱ ㈱ L  I  X  I  L  16:15~16:28
 13:45~13:58 ト ヨ タ 自 動 車 ㈱ エ リ ー パ ワー ㈱ グ ン ゼ ㈱  16:30~16:43
 14:00~14:13 東レ・ダウコーニング ㈱ 三菱ケミカルHDグループ 信 越 化 学 工 業 ㈱  16:45~16:58
 14:15~14:28 蝶 理 ㈱ サ ン ト リ ー H D ㈱   ㈱ タ イ カ    17:00~17:13
 14:30~14:43  D  I  C   ㈱  ㈱ ブ リ ヂ ス ト ン 共 同 印 刷 ㈱  17:15~17:28
 14:45~14:58 住 友 化 学 ㈱ 古 河 電 気 工 業 ㈱ 富 士 ゼ ロ ッ ク ス ㈱  17:30~17:43
 15:00~15:13 ㈱日立製作所・㈱日立ハイテク 宮 坂 醸 造 ㈱ 千 代 田 化 工 建 設 ㈱  17:45~17:58
 15:15~15:28 昭 和 電 工 ㈱ 東  レ  ㈱ 東燃ゼネラル石油 ㈱   18:00~18:13
 
第 一 部  303教室    401教室    403教室   第 二 部
 13:00~13:13 日本パーカライジング ㈱ 三 菱 マ テ リ ア ル ㈱ 花  王  ㈱  15:45~15:58
 13:15~13:28 ㈱ A D E K A トッパン・フォームズ ㈱ 新 日 鐵 住 金 ㈱  16:00~16:13
 13:30~13:43 旭 化  成  ㈱ 住 友 電 気 工 業 ㈱ 日 本 リ フ ァ イ ン ㈱  16:15~16:28
 13:45~13:58 凸 版 印 刷 ㈱ J F E ケ ミ カ ル ㈱  J X エ ネ ル ギ ー ㈱  16:30~16:43
 14:00~14:13 ㈱ カ ネ カ 新 日 鉄 住 金 化 学 ㈱ 大 日 本 印 刷 ㈱  16:45~16:58
 14:15~14:28 日 産 化 学 工 業 ㈱ 東 ソ ー ㈱ ㈱ ク ラ レ  17:00~17:13
 14:30~14:43 明 治 グ ル ー プ 栗 田 工 業 ㈱ ㈱ 前 川 製 作 所  17:15~17:28
 14:45~14:58 ㈱ コ ー セ  ー N O K ㈱ J     S   R   ㈱  17:30~17:43
 15:00~15:13 ヤ ン マ ー ㈱  オ ー ・ ジ ー ㈱ 東 京 ガ ス  ㈱  17:45~17:58
 15:15~15:28 小野薬品工業㈱      18:00~18:13

このようになります。PCのワイド画面では一応問題なく見えるでしょう。
しかし画面の横幅をせばめていくと徐々に文字列が2段になったり3段になったりしますね。
Responsiveの対応なので自動的に表が全部見えるように縦長に変形していきます。

スマホで見るとこんなになってしまいます。

table
これじゃあちょっと見難いですね。横長の表を扱う場合は要注意です。

その場合は、表そのものを画像にする選択もあります。

table-v

この場合スマホですと縮小されますが、画像をタッチしてから拡大してみることが出来ます。どちらの方が見やすいでしょうか。

先輩からのメッセージ(⇒ こちら)では画像のほうで表示しています。

表を用いる場合は、どのような形態がいいか考えて、見やすいほうを選択しましょう。

戻る