HTML スクロールでTABLEのチェックボックスが固定した見出しに表示されてしまう。

Question

色々調べたのですが、原因が分からず困り果ててしまいこちらに投稿させていただきました。
ご存じの方がいらっしゃいましたらよろしくお願いいたします。

実現したいこと

HTMLのテーブル内にチェックボックスを配置しています。
上部の見出しは固定とし、スクロールすると何故かチェックボックスのセルだけ
見出しの位置にきても下に隠れず表示されてしまいます。

前提

見出しは以下で固定しています。
position: sticky;
top: 0;

発生している問題・エラーメッセージ

スクロールで見出し部分にチェックボックスが表示されてしまう。

試したこと

<input　 type="checkbox" 部分を
<input　 type="text"にしスクロールするとテキストエリアが見出しの後ろに来て
問題ない表示となる。

補足情報（FW/ツールのバージョンなど）

よろしくお願いいたします。

Answer 1

見出しのセルにz-index: 1;、
それ以外のセルにz-index: 0;のスタイルを
設定することで自己解決しました。

ありがとうございました。