Flexible Table Blockのスクロール時にテーブルの線が消えます

こんにちは。

実際にそのテーブルが含まれるページのURLを教えていただくことは可能でしょうか。

ありがとうございます。

複製したテストページを用意しました。
例えば、以下のような感じです。

https://boccodesign.com/page-718/

セルの数や形式を問わず、スクロールすると一番左のセルの左右の線が消えてしまいます。

• This reply was modified 1 month, 1 week ago by boccodesign.

確認しました。

おそらくこれはCSSの仕様です。例えば以下のようなGoogle検索結果を見てみてください。

https://www.google.com/search?q=table+%E5%88%97+%E5%9B%BA%E5%AE%9A+%E3%83%9C%E3%83%BC%E3%83%80%E3%83%BC+%E6%B6%88%E3%81%88%E3%82%8B

解決する方法はいくつかありますが、以下一例を提示します。適宜調整してください。

• 「テーブル設定」から「セルの枠線」を「セパレート」に設定、「ボーダーの間隔」のゼロに設定
• 以下のようなCSSを追加する

.wp-block-flexible-table-block-table.is-scroll-on-pc.is-scroll-on-mobile tr + tr > * {
    border-top: none;
}

.wp-block-flexible-table-block-table.is-scroll-on-pc.is-scroll-on-mobile tr > * + * {
    border-left: none;
}

お忙しい中、丁寧にご対応いただきまして、誠にありがとうございました。

CSSに関する知識が不足しており、ご面倒をおかけしました。
問題の原因がCSSの仕様であることが理解でき、大変助かりました。

教えていただいた解決策を参考にしながら進めていきます。

本当にどうもありがとうございました。
今後も引き続き利用させていただきます。