org-modeのテーブル(表)をHTMLで出力すると、デフォルトでは次のような枠のないテーブルになります。
#+CAPTION: インバータの真理値表
| A | Z |
|---+---|
| / | < |
| 0 | 1 |
| 1 | 0 |
|
org-modeのHTMLテーブル出力 |
org-modeで出力されるHTMLを見ると、次のようにtableタグにframe="hides"が指定されています。このため、テーブルの左右の枠は表示されせん。
<table id="org67927c0" border="2" cellspacing="0" cellpadding="6" rules="groups" frame="hsides">
<caption class="t-above"><span class="table-number">Table 1:</span> インバータの真理値表</caption>
テーブルの左右の枠を表示する
org-modeのマニュアルには、#+ATTR_HTML: border="2" rules="all" frame="border"をテーブルの前に書くと、変更できると書かれています。
#+CAPTION: インバータの真理値表
#+ATTR_HTML: border="2" rules="all" frame="border"
| A | Z |
|---+---|
| / | < |
| 0 | 1 |
| 1 | 0 |
しかし、実際に試してみるとframe="hsides"のままで、tableタグにframe="border"が反映されません。#+ATTR_HTMLをいろいろ変えて試してみたのですが、どうやってもfarmeの設定値が変わりません。結局、追加のcssでtableタグにborderを設定することで、テーブルの左右の枠を表示することができました。
#+BEGIN_COMMENT
追加CSSを有効にする
#+END_COMMENT
#+HTML_HEAD: <link href="css/org_mode.css" rel="stylesheet" type="text/css"></link>
#+CAPTION: インバータの真理値表
| A | Z |
|---+---|
| / | < |
| 0 | 1 |
| 1 | 0 |
/* 追加CSS */
table {
border: 2px solid;
}
|
枠あり |