テーブル1列目を固定表示の問題対策

はじめに

本スキンでは、テーブルの1列目を固定表示する際に発生する問題に対策しています。
その問題の詳細と、どのように対策を施しているかについて説明します。

図1に示すように、Cocoon設定→本文→レスポンシブテーブルの「テーブルの1列目を固定表示」をオンとします。
しかし、1列目のセルを結合した場合、固定される列が1列目ではなくなるため、正しく表示されないことがあります。

スクロールできます

1列目を固定するために使用しているCSSセレクタ:first-childでは、セルが結合された場合に1列目が必ずしも最初の要素とは限らないため、正しく固定できないことがあります。

1列目をグレー表示し、固定表示するように対策しています。
これにより、セル結合があっても1列目の固定が正しく行われます。