【CSS】table-cellを[position:sticky;]で固定したときのボーダーが消える現象を解決する方法


ボーダーが消える現象が発生するケース

左右に横スクロールすると固定したセルのボーダーが消えます。

サンプル サンプル サンプルサンプルサンプルサンプル サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプル
サンプル サンプル サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプル サンプル
サンプル サンプル サンプルサンプルサンプルサンプルサンプル サンプル

[border-collapse:separate;]を指定して対応

親要素に[border-collapse:separate;]を指定して解決しました。

サンプル サンプル サンプルサンプルサンプルサンプル サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプル
サンプル サンプル サンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプルサンプル サンプル
サンプル サンプル サンプルサンプルサンプルサンプルサンプル サンプル