[Shingo Sasaki]

【お使いの Snow Monkey のバージョン】16.1.3
【お使いの Snow Monkey Blocks のバージョン】14.1.1
【お使いの Snow Monkey Editor のバージョン】7.0.1
【お使いのブラウザ】Google Chrome
【当該サイトのURL】https://xs533786.xsrv.jp/

Snow Monkey Blocksの『タブブロック』の中で利用しているショートコードが正しく読み込まれないため投稿させていただきました。

TablePressというプラグインのショートコードを利用しています。

普通に設置した場合や、タブ1（最初のタブ）に設置した場合は問題無く表示されます。
ただ、タブ2、タブ3に設置すると表示が崩れてしまいます。
※タブ1・2・3は記載のサイトURLを参照くださいませ。

自分では解決することができず、こちらに投稿させていただきました。
アドバイスを頂けますと幸いです。

### 発生している問題
・Snow Monkey Blocksのタブ内に設置したショートコードが正しく読み込まれない

TablePressの設定情報

 

### 試したこと

余分なプラグインの停止

■現在動作中の使用プラグイン
・Snow Monkey Blocks
・Snow Monkey Editor
・TablePress
・WP Multibyte Patch

Css・PHPの追加記載は無く、デフォルトの状態

使用しているショートコードは、すべて同じ。
[table id=1 /]

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

どうもお使いのプラグインのショートコードで出力されるテーブルは js でテーブルの幅を制御しているみたいで、タブブロック、非表示のタブコンテンツは display: none で非表示にしているので非表示のときは js で幅が取得できないため縮んでしまうようです。CSS を追加して強制的にサイズを調整するしかないかなと思います。

例えば

.smb-tabs .dataTables_scrollHeadInner,
.smb-tabs .tablepress,
.smb-tabs .dataTables_scrollBody {
    width: 100% !important;
}

みたいな。状況に合わせて CSS を調整してみてください。

♥ 1

いいねをした人:

[Shingo Sasaki]

ご回答いただきありがとうございます！

理由やサンプルコードもご教授いただき助かりました！

CSSを調整して、いろいろ試してみます！

♥ 1

いいねをした人:

[投稿者]

投稿