ittyousaさん

私は「TablePress」を使っていないもので、良く分かりませんが・・・。

HTMLを確認すると、セルの幅は「TablePress」がインラインで指定しているみたいです。

気になったので、試してみました。
1列目、2列目について、ショートコード内に幅を指定しました。
（3～5列目は指定なし。枠線がないので分かりづらいかもしれませんが）

自動的に改行されているようです。

まだスマホなので、詳しくは確認していませんが…。

「TablePress」の公式サイトに、カスタマイズ例が載っていました。
（英語ですけれど。）

Frequently Asked Questions (FAQ)
https://tablepress.org/faq/

FAQにはセルの幅についてのカスタマイズ例も載っていました。

「TablePress」の設定画面内に、カスタムCSSがあるようで、そこに指定する感じで、公式サイトには記載されていますね。

How can I set column widths?
https://tablepress.org/faq/column-widths/

TablePressの「列数の多いテーブルを見やすくするために、水平スクロールを有効にする」にチェック入れると以下のCSSが有効になり。
折り返さなくなります。

.tablepress thead th,
.tablepress td {
  white-space: nowrap;
}

また、ｍｋ２さんが先に述べていますが、TablePressが動的にwidthを付加しています。
あとでCSSで調整しても上手くできず。
この為、余り良い方法ではないですが、モデル列「キャンバスオールスターローカット」のように途中で改行を用いるのが一番簡単かも知れません。

@mk2_mk2 

@mk2_mk2さん。わざわざ「TablePress」のプラグインも入れて確かめてくださり、ありがとうございます。

改めて以下4つの方法も確認してみましたが、どれも横スクロールされなくなる問題が発生してしまいます。。

なお、確認するときは、以下の記述は消した状態で確認しています。

.tablepress thead th,
.tablepress td {
white-space: nowrap;
}

また、TablePressの左下にある「列数の多いテーブルを見やすくするために、水平スクロールを有効にする」にもチェックマークは入れたままにしています。

①[table id=○○○ column_widths="40%|10%|10%|10%|10%|10%|10%" /]

この設定方法はセル幅は変更できますが、この設定をすると横スクロールができなくなるようですね、、、

横スクロールもできて、セル幅も指定できるのが嬉しいと思っています。

②[table id=○○○ column_widths="50px|100px|20px|20px|20px|20px|20px" /]

また、上記のように px で指定することもできるようですが、これをやっても横スクロールはされなくなりました。

③

.tablepress-id-N .column-2,
.tablepress-id-N .column-4,
.tablepress-id-N .column-7 {
  width: 150px;
}

また、添付してくださった英語の記事にあった上記の内容を参考に書いてもやはり横スクロールはされなくなりました。。

④

セルの幅を変える

高度な設定からセル幅を変える方法もあったようですが、こちらもスクロールはされなくなりました。

参考URL: https://wordpress.vogue.tokyo/tablepress-3#toc15

一番理想なのが、②のpx でセル幅を指定をして横スクロールがされることなのですが、 なぜか横スクロールなってしまいあす、、

「TablePress」のプラグインに仕様なのかもしれず、これはどうしようもないのでしょうか、、

>>セル内改行は、普通に改行（brタグ）しても良さそうですが、おそらくそういうことではないのでしょうけれど。

こちらが一番現実的なのかもしれないと、思いつつあります。。

投稿者:: @ittyousa

.tablepress thead th,
.tablepress td {
white-space: nowrap;
}

上記を削除するとセル内で折り返し、テーブル幅を調整するので、スクロールしなくなります。

ittyousaさん

投稿者:: @ittyousa

この設定方法はセル幅は変更できますが、この設定をすると横スクロールができなくなるようですね、、、

横スクロールもできて、セル幅も指定できるのが嬉しいと思っています。

なるほど・・・です。

いろいろとプラグインがインラインで制御したりして、CSSで何かするのはなかなか難しいかなという印象ですね。
「TablePress」は今回初めて触りましたので、未だに良く分かりません。
（見出しがまたやっかいな印象が）

以下のサイトが比較的詳しかったので、参考にはなりましたが、打開策は見つからず・・・。

TablePress
https://ichiri.biz/tech/category/web/wordpress/tablepress/

投稿者:: @ittyousa

>>セル内改行は、普通に改行（brタグ）しても良さそうですが、おそらくそういうことではないのでしょうけれど。

こちらが一番現実的なのかもしれないと、思いつつあります。。

はい、結局はローテクですが、これが現実的かな・・・と思います。
これで、とりあえずはスクロールするみたいですし。
（幅の指定はできませんが・・・）

@ittyousa さん

これはどうでしょうか。

.tablepress-id-1 .column-7 {
  min-width: 300px;
  white-space: normal;
}

Akiraさんに教えていただいた方法で上手くいきました。

PC

お三方、ありがとうございます。

@akira さんに教えていただいた

.tablepress thead th,
.tablepress td {
white-space: nowrap;
}

.tablepress-id-1 .column-7 {
min-width: 300px;
white-space: normal;
}

こちらで「特定の列だけセルの横幅を固定し、他のセルは文字数いっぱい改行させずに表示させること」が実現できました。

ありがとうございます。今後も使用させていただこうと思います。

@mk2_mk2 さんも色々お試しいただき、お付き合いいただきありがとうございました。

@chu-ya さんも、コードについてのアドバイスありがとうございます。