WIKIWIKIユーザー助け合い掲示板

tablescrollの挙動がおかしい

6 コメント
views

ヘッダを2行つけた時、その2行目の1番左の項目が、横にスクロールした時に、再左列の見出しの上に被ってしまいます。
早い話、
https://wikiwiki.jp/arebreout/銃
コチラのページをご覧頂けばと思います。稚拙なものですが。
何か解決方法はありますか??ご教示願います。

2026/7/8 追記:
私が上に提示したページは
https://wikiwiki.jp/nijisanji/高度な編集テクニック#o1517ebe
コチラのページに掲載されていた方法を用いて現在改善されております。

Хорошо
作成: 2026/07/07 (火) 20:56:52
最終更新: 2026/07/08 (水) 21:04:52
通報 ...
1
01v 2026/07/07 (火) 21:34:08

PC firefoxで見ましたが異常がわかりません。
以下の問題ではないですか。
#tablescrollで2行以上で結合されている時の改善依頼

2
Хорошо 2026/07/07 (火) 22:36:15 eaf7a@13b59

返信ありがとうございます。
恐縮ですが、PCだと画面幅が足りてしまう故に横スクロール自体があまり出来ないのではないでしょうか。
ご紹介頂いたトピックは拝見しました。それと同じ類の問題でしょう。が、私のスマホは ANDROID 16 を使用しています。
特にエラー表示等も確認できません。
但しAQUOSなので特別にシステムが違う可能性はあります。

3
名前なし 2026/07/07 (火) 23:01:00 f7aca@12a03

win11 firefoxかつ編集画面でスマホ幅指定にした所再現しました
"武器名"の上に"セミ"が重なる形なので>> 1で言及されているものと完全に同じ問題のようです

4
Хорошо 2026/07/08 (水) 07:29:03 eaf7a@13b59 >> 3

つまり解決方法は無いということでしょうか。

5
はやし 2026/07/08 (水) 09:24:45 70b72@f53e0

何が問題なのか、少し調べてみました。tablescrollとnobrの組み合わせがまずいようです。

関係しない部分を極力そぎ落として、問題を再現させる最低限のソースは以下のようになりました。

#nobr{{{
#tablescroll(300,fix-col){{
|列1|列2A|h
|~|列2B|h
|行1|ああああああ……(ブラウザの横幅に収まらないくらいすごく長く)………ああああああ|
}}
}}}

この表を右に横スクロールさせると、ヘッダーのセルのうち「列2B」だけが正しく描画されません。
Firefoxだけでなく、ChromeとEdgeでも再現することを確認済みです。
また、ヘッダーだけでなくフッターでも再現します。
画像1

6
Хорошо 2026/07/08 (水) 19:08:48 eaf7a@13b59 >> 5

ナイス検証です。ありがとうございます。nobrがないとスマホで表示した時に表が気持ち悪くなってしまうので外せないですかなしい :(