ブラウザの横幅を小さくすると<TABLE>の<TD>横幅が狭くなってしまうのを回避する方法を知りたい。

Question

質問事項

ブラウザの横幅を小さくすると、HTML<TABLE>の<TD>横幅が狭くなってしまうのを回避する方法を知りたい。

現象が発生するページ

https://ok2nd.sakura.ne.jp/tool/leader/leader-index.html

スマホで確認するとかなり横幅が狭くなって<TD>のデータが見えなくなる。
PCでも、ブラウザの横幅を狭くすると、現象が発生する。

試したこと

<TABLE>にCSSで、 table-layout: fixed; を指定しても効果なし。

Answer 1

最小幅を指定すればそれ以下にはなりません。

.columns {
	width: 220px;
	min-width: 220px;
}

Comments

[m.ok.2nd]

min-width: 220px;でうまくいきました。
ありがとうございました。