巨大数研究 Wiki
Advertisement
巨大数研究 Wiki

fandom の表の書き方が地獄だったので、HTML タグと \(\TeX\) でいろいろがんばってみた形跡です。


結論

  • <table border=1 style="border-collapse:collapse;width=具体的px"><td style="width:相対的%"> でレイアウト
  • 長い数式は改行したい場所で \) \( を入れるといい感じに改行してくれる。


例たち

基本形

HTML の table タグを使って表を作ります。tr が行を表し、td が列を表す。border=1 は罫線を付ける機能。border-collapse は立体的な罫線ではなく細い罫線を使うオプション。

 <table border=1 style="border-collapse:collapse">
   <tr><td>\(\psi_0(0)          \)</td><td>1</td></tr>
   <tr><td>\(\psi_0(0)+\psi_0(0)\)</td><td>2</td></tr>
 </table>

\(\psi_0(0)\)1
\(\psi_0(0)+\psi_0(0)\)2


列の幅の変えかた

table に style="width:XXXpx"を入れることで横幅を XXX ピクセルにできます。td に style="width:XX%" を入れることで、全体幅を 100% としたときの相対値で列の幅が決められます。

 <table border=1 style="width:500px">
 <tr>
 <td style="width:50    %">1</td>
 <td style="width:25    %">2</td>
 <td style="width:12.5  %">3</td>
 <td style="width: 6.25 %">4</td>
 <td style="width: 3.725%">5</td>
 <td style="width: 3.725%">6</td>
 </tr>
 </table>

123456


中身の数式が長い時

長い式があると右からはみ出て右枠をぶち抜いていってしまいます。

改行してもよい場所に \) \( を入れたらそこでいい感じに改行されます。「いい感じ」とは、改行が必要だったら改行されるし必要なかったら改行されないという感じです。いい感じです。

\)\(の間にモノホンの改行を入れるとソースと見た目が一致して見やすい。

\)\(の間に<br>を入れると空気を読まずに強制改行してくれます。

<table border=1 style="width:500px"><tr><td style="width:50%">
\( \textrm{三}_0(\textrm{三}_0(\textrm{三}_2(\textrm{三}_1(\textrm{三}_2(0)))\)
\(+\textrm{三}_1(\textrm{三}_1(\textrm{三}_0(\textrm{三}_2(\textrm{三}_1(\textrm{三}_2(0)))\)
\(+\textrm{三}_1(\textrm{三}_1(\textrm{三}_0(\textrm{三}_1(0)))))))))\)
</td><td style="width:50%">
\(\psi_{\chi_0(0)}(\varphi_{\varphi_{\chi_0(0)}(M+1)}(0))\)
</td></tr><tr><td>
\(\textrm{三}_0(\textrm{三}_0(\textrm{三}_2(\textrm{三}_1(\textrm{三}_2(0)))\)
\(+\textrm{三}_1(\textrm{三}_1(\textrm{三}_0(\textrm{三}_2(\textrm{三}_1(\textrm{三}_2(0)))\)
\(+\textrm{三}_1(\textrm{三}_1(\textrm{三}_0(\textrm{三}_2(0)))))))))\)
</td><td>
\(\psi_{\chi_0(0)}(\varphi_{\varphi_{\psi_{\chi_{\varphi_1(M+1)}(0)}(0)}(M+1)}(0))\)
</td></tr><tr><td>
\(1\) \(2\) \(3\)
</td><td>
\(1\)<br>
\(2\)<br>
\(3\)<br>
</td></tr></table>

\( \textrm{三}_0(\textrm{三}_0(\textrm{三}_2(\textrm{三}_1(\textrm{三}_2(0)))\) \(+\textrm{三}_1(\textrm{三}_1(\textrm{三}_0(\textrm{三}_2(\textrm{三}_1(\textrm{三}_2(0)))\) \(+\textrm{三}_1(\textrm{三}_1(\textrm{三}_0(\textrm{三}_1(0)))))))))\) \(\psi_{\chi_0(0)}(\varphi_{\varphi_{\chi_0(0)}(M+1)}(0))\)
\(\textrm{三}_0(\textrm{三}_0(\textrm{三}_2(\textrm{三}_1(\textrm{三}_2(0)))\) \(+\textrm{三}_1(\textrm{三}_1(\textrm{三}_0(\textrm{三}_2(\textrm{三}_1(\textrm{三}_2(0)))\) \(+\textrm{三}_1(\textrm{三}_1(\textrm{三}_0(\textrm{三}_2(0)))))))))\) \(\psi_{\chi_0(0)}(\varphi_{\varphi_{\psi_{\chi_{\varphi_1(M+1)}(0)}(0)}(M+1)}(0))\)

\(1\) \(2\) \(3\)

\(1\)
\(2\)
\(3\)

だけどたぶん\left(\right) の中で改行しようと思うと\right. を使わざるを得なくなって地獄に戻りそうではある

nested \(\TeX\) array お試し

\begin{array}{c} \begin{array}{c}1-1 \\ 1-2\end{array} \\ \begin{array}{c}2-1 \\ 2-2\end{array} \end{array}

\begin{array}{|c|c|} \hline \begin{array} \textrm{三}_0(\textrm{三}_0(\textrm{三}_2(\textrm{三}_1(\textrm{三}_2(0)))\\ +\textrm{三}_1(\textrm{三}_1(\textrm{三}_0(\textrm{三}_2(\textrm{三}_1(\textrm{三}_2(0)))\\ +\textrm{三}_1(\textrm{三}_1(\textrm{三}_0(\textrm{三}_1(0))))))))) \end{array} & \psi_{\chi_0(0)}(\varphi_{\varphi_{\chi_0(0)}(M+1)}(0)) \\ \hline \begin{array} \textrm{三}_0(\textrm{三}_0(\textrm{三}_2(\textrm{三}_1(\textrm{三}_2(0)))\\ +\textrm{三}_1(\textrm{三}_1(\textrm{三}_0(\textrm{三}_2(\textrm{三}_1(\textrm{三}_2(0)))\\ +\textrm{三}_1(\textrm{三}_1(\textrm{三}_0(\textrm{三}_2(0))))))))) \end{array} & \psi_{\chi_0(0)}(\varphi_{\varphi_{\psi_{\chi_{\varphi_1(M+1)}(0)}(0)}(M+1)}(0)) \\ \hline \begin{array} \textrm{三}_0(\textrm{三}_0(\textrm{三}_2(\textrm{三}_1(\textrm{三}_2(0))) \\ +\textrm{三}_1(\textrm{三}_1(\textrm{三}_0(\textrm{三}_2(\textrm{三}_1(\textrm{三}_2(0))) \\ +\textrm{三}_1(\textrm{三}_1(\textrm{三}_0(\textrm{三}_2(\textrm{三}_1(0)))))))))) \end{array} & \psi_{\chi_0(0)}(\varphi_{\varphi_{\psi_{\chi_{\varphi_1(M+M)}(0)}(0)}(M+1)}(0)) \\ \hline \begin{array} \textrm{三}_0(\textrm{三}_0(\textrm{三}_2(\textrm{三}_1(\textrm{三}_2(0)))\\ +\textrm{三}_1(\textrm{三}_1(\textrm{三}_0(\textrm{三}_2(\textrm{三}_1(\textrm{三}_2(0)))\\ +\textrm{三}_1(\textrm{三}_1(\textrm{三}_0(\textrm{三}_2(\textrm{三}_1(\textrm{三}_2(0))))))))))) \end{array} & \psi_{\chi_0(0)}(\varphi_{\varphi_M(1)}(0)) \\ \hline \begin{array} \textrm{三}_0(\textrm{三}_0(\textrm{三}_2(\textrm{三}_1(\textrm{三}_2(0)))\\ +\textrm{三}_1(\textrm{三}_1(\textrm{三}_0(\textrm{三}_2(\textrm{三}_1(\textrm{三}_2(0)))\\ +\textrm{三}_1(\textrm{三}_1(\textrm{三}_0(\textrm{三}_2(\textrm{三}_1(\textrm{三}_2(0)))))\\ +\textrm{三}_1(0))))))) \end{array} & \psi_{\chi_0(0)}(\varphi_{\varphi_{M+1}(0)}(0)) \\ \hline \end{array}

表の書き方番外編

動くけど使いにくかったもの。改善の余地あり。

\(\TeX\) array 環境で表を書く

\begin{array}{|c||c|c|c|}
\hline \theta & 0 & \displaystyle\frac{\pi}{2} & \pi \\
\hline\hline x & 1 & 0 & -1 \\
\hline
\end{array}

↓ \begin{array}{|c||c|c|c|} \hline \theta & 0 & \displaystyle\frac{\pi}{2} & \pi \\ \hline\hline x & 1 & 0 & -1 \\ \hline \end{array} これは \(\Tex\) のみでできてシンプル。だけど、式が長い時は下記のように少しやりにくくなってしまった。

表の書き方ボツ編

うまくいかなかった例。

\(\TeX\) array 環境で中身の式が長い時どうなるか

自動では改行してくれませんね。 \begin{array}{|c|c|} \hline \textrm{三}_0(\textrm{三}_0(\textrm{三}_2(\textrm{三}_1(\textrm{三}_2(0)))+\textrm{三}_1(\textrm{三}_1(\textrm{三}_0(\textrm{三}_2(\textrm{三}_1(\textrm{三}_2(0)))+\textrm{三}_1(\textrm{三}_1(\textrm{三}_0(\textrm{三}_1(0))))))))) & \psi_{\chi_0(0)}(\varphi_{\varphi_{\chi_0(0)}(M+1)}(0)) \\ \hline \textrm{三}_0(\textrm{三}_0(\textrm{三}_2(\textrm{三}_1(\textrm{三}_2(0)))+\textrm{三}_1(\textrm{三}_1(\textrm{三}_0(\textrm{三}_2(\textrm{三}_1(\textrm{三}_2(0)))+\textrm{三}_1(\textrm{三}_1(\textrm{三}_0(\textrm{三}_2(0))))))))) & \psi_{\chi_0(0)}(\varphi_{\varphi_{\psi_{\chi_{\varphi_1(M+1)}(0)}(0)}(M+1)}(0)) \\ \hline \textrm{三}_0(\textrm{三}_0(\textrm{三}_2(\textrm{三}_1(\textrm{三}_2(0)))+\textrm{三}_1(\textrm{三}_1(\textrm{三}_0(\textrm{三}_2(\textrm{三}_1(\textrm{三}_2(0)))+\textrm{三}_1(\textrm{三}_1(\textrm{三}_0(\textrm{三}_2(\textrm{三}_1(0)))))))))) & \psi_{\chi_0(0)}(\varphi_{\varphi_{\psi_{\chi_{\varphi_1(M+M)}(0)}(0)}(M+1)}(0)) \\ \hline \textrm{三}_0(\textrm{三}_0(\textrm{三}_2(\textrm{三}_1(\textrm{三}_2(0)))+\textrm{三}_1(\textrm{三}_1(\textrm{三}_0(\textrm{三}_2(\textrm{三}_1(\textrm{三}_2(0)))+\textrm{三}_1(\textrm{三}_1(\textrm{三}_0(\textrm{三}_2(\textrm{三}_1(\textrm{三}_2(0))))))))))) & \psi_{\chi_0(0)}(\varphi_{\varphi_M(1)}(0)) \\ \hline \textrm{三}_0(\textrm{三}_0(\textrm{三}_2(\textrm{三}_1(\textrm{三}_2(0)))+\textrm{三}_1(\textrm{三}_1(\textrm{三}_0(\textrm{三}_2(\textrm{三}_1(\textrm{三}_2(0)))+\textrm{三}_1(\textrm{三}_1(\textrm{三}_0(\textrm{三}_2(\textrm{三}_1(\textrm{三}_2(0)))))+\textrm{三}_1(0))))))) & \psi_{\chi_0(0)}(\varphi_{\varphi_{M+1}(0)}(0)) \\ \hline \end{array}


HTML table タグで中身の式が長い時どうなるか

HTMLでやったところで、まぁmathjax の数式は改行されないですね。。

\( \textrm{三}_0(\textrm{三}_0(\textrm{三}_2(\textrm{三}_1(\textrm{三}_2(0)))\)\(+\textrm{三}_1(\textrm{三}_1(\textrm{三}_0(\textrm{三}_2(\textrm{三}_1(\textrm{三}_2(0)))\)\(+\textrm{三}_1(\textrm{三}_1(\textrm{三}_0(\textrm{三}_1(0)))))))))\)\(\psi_{\chi_0(0)}(\varphi_{\varphi_{\chi_0(0)}(M+1)}(0))\)
\(\textrm{三}_0(\textrm{三}_0(\textrm{三}_2(\textrm{三}_1(\textrm{三}_2(0)))\)\(+\textrm{三}_1(\textrm{三}_1(\textrm{三}_0(\textrm{三}_2(\textrm{三}_1(\textrm{三}_2(0)))\)\(+\textrm{三}_1(\textrm{三}_1(\textrm{三}_0(\textrm{三}_2(0)))))))))\) \(\psi_{\chi_0(0)}(\varphi_{\varphi_{\psi_{\chi_{\varphi_1(M+1)}(0)}(0)}(M+1)}(0))\)
\(\textrm{三}_0(\textrm{三}_0(\textrm{三}_2(\textrm{三}_1(\textrm{三}_2(0)))+\textrm{三}_1(\textrm{三}_1(\textrm{三}_0(\textrm{三}_2(\textrm{三}_1(\textrm{三}_2(0)))+\textrm{三}_1(\textrm{三}_1(\textrm{三}_0(\textrm{三}_2(\textrm{三}_1(0))))))))))\) \(\psi_{\chi_0(0)}(\varphi_{\varphi_{\psi_{\chi_{\varphi_1(M+M)}(0)}(0)}(M+1)}(0)) \)
\(\textrm{三}_0(\textrm{三}_0(\textrm{三}_2(\textrm{三}_1(\textrm{三}_2(0)))+\textrm{三}_1(\textrm{三}_1(\textrm{三}_0(\textrm{三}_2(\textrm{三}_1(\textrm{三}_2(0)))+\textrm{三}_1(\textrm{三}_1(\textrm{三}_0(\textrm{三}_2(\textrm{三}_1(\textrm{三}_2(0)))))))))))\) \(\psi_{\chi_0(0)}(\varphi_{\varphi_M(1)}(0))\)
\(\textrm{三}_0(\textrm{三}_0(\textrm{三}_2(\textrm{三}_1(\textrm{三}_2(0)))+\textrm{三}_1(\textrm{三}_1(\textrm{三}_0(\textrm{三}_2(\textrm{三}_1(\textrm{三}_2(0)))+\textrm{三}_1(\textrm{三}_1(\textrm{三}_0(\textrm{三}_2(\textrm{三}_1(\textrm{三}_2(0)))))+\textrm{三}_1(0)))))))\) \(\psi_{\chi_0(0)}(\varphi_{\varphi_{M+1}(0)}(0))\)


\(\TeX\) tabular 環境で表を書く(書けない)

\(\TeX\) の tabular 環境は動きませんでした。

\begin{table}[htb]
\begin{tabular}{|l|c|r||r|} \hline
メニュー & サイズ & 値段 & カロリー \\ \hline \hline
牛丼 & 並盛 & 500円 & 600 kcal \\
牛丼 & 大盛 & 1,000円 & 800 kcal \\
牛丼 & 特盛 & 1,500円 & 1,000 kcal \\ \hline
牛皿 & 並盛 & 300円 & 250 kcal \\
牛皿 & 大盛 & 700円 & 300 kcal \\
牛皿 & 特盛 & 1,000円 & 350 kcal \\ \hline
\end{tabular}
\end{table}

↓ \begin{table}[htb] \begin{tabular}{|l|c|r||r|} \hline メニュー & サイズ & 値段 & カロリー \\ \hline \hline 牛丼 & 並盛 & 500円 & 600 kcal \\ 牛丼 & 大盛 & 1,000円 & 800 kcal \\ 牛丼 & 特盛 & 1,500円 & 1,000 kcal \\ \hline 牛皿 & 並盛 & 300円 & 250 kcal \\ 牛皿 & 大盛 & 700円 & 300 kcal \\ 牛皿 & 特盛 & 1,000円 & 350 kcal \\ \hline \end{tabular} \end{table}

Advertisement