テーブル(表)の表示

テーブル(表)の表示

　私が使っている上のような表は、QHM（HAIK）の表示を踏襲しています。このような表示の表が気に入るなら、以下のような設定をします。

CSSの設定

.style_table{ 
  padding:0px; 
  border:0px; 
  margin:auto; 
  text-align:left; 
  color:inherit; 
  background-color:#333333; 
  border-color: #333333;
  width: auto !important;
  table-layout:fixed;
  word-break:break-word;
}
.style_th{ 
  padding:5px; 
  margin:1px; 
  text-align:center; 
  color:inherit; 
  background-color: #d8e698; 
  border-color: #333333;
}
.style_td{ 
  padding:5px; 
  margin:1px; 
  color:inherit; 
  background-color: #fff; 
  border-color: #333333;
}
div.ie5{ 
  text-align:center;
}

　内容によって、表の幅を可変にしたり、モバイル時、画面の外に表がはみ出して表示されたりしないために、.style_table の下3行の指定を付け加えました。
　このCSSも、「独自CSSやJavascript追加」のやり方で追加指定しておきます。

　ソースコードはこうなっています。

<table>
<tbody>
<tr>
<th colspan="2">テーブルの表示</th>
</tr>
<tr>
<td>QHMからの移行</td>
<td>Word Pressで表示</td>
</tr>
</tbody>
</table>

QHMで表を作って貼り付けるのもありかな

　表を作るのには、普通ならテーマお勧めの方法でやるところなのでしょうが、面倒くさそうなので、表の部分だけをHAIK(QHM)で作っておいて、ページソースから、貼り付けるのもありかなという気がします。
　やり方がどうであろうと、見栄え良くできりゃあそれでいいでしょう。