●回答

Cocoonは1列目しか固定にしません。

https://wp-cocoon.com/responsive-table-first-column-fixed/

書かれている質問ですが、何が問題なのか分かりません。
期待とする動作を、書いて頂きたく。

言われている1行目の固定ですが、position:stickyとしても、そもそも、テーブル自体が縦スクロールしない(全ての行が表示されている)ので、1行目は固定となりません。

ご回答ありがとうございます。

＞一列目しか固定しません

はい、そのため1行目はcssで固定しようとし、

成功したのですが、

横スクロールにチェックを入れると固定が解除されました。

>そもそも、テーブル自体が縦スクロールしない

いえ、横スクロールにチェックをいれなければ

縦スクロールします。

(添付)

添付が希望の状態です。

(添付では横スクロールにチェックを入れていないが、入れてもこうなって欲しい)

よろしくお願いします。

すみません、録画が大きすぎて添付できていませんでした。

添付します。

添付します２

とりあえず、変換したGIF画像を貼っておきます。
（容量の制限がありますので、画像の縦横のサイズは変更しています）

tableのsticky、少し勘違いしていました。申し訳なく。

●原因

言われるように、以下がオンになると、stickyとなりません。

[Cocon設定]→[本文]→レスポンシブテーブル「横幅の広いテーブルは横スクロール」

scroll-hint.min.jsが動作します。

これにより、CSSクラスscrollable-tableが付加され、overflow:visibleでなくなる。
また、インラインスタイルで、overflow:autoとなる。

stickyは親要素含め、overflow:visibleの時、有効となります。
この為、上記設定をオンにすると、1行目がstickyとならない。

●ご参考

https://note.com/toya_n/n/n2d7497c277b6

今回のケースも場合、.is-scrollable要素のoverflow: auto;をoverflow: visible;にしないとposition: sticky;が効かないみたいですね。けどoverflow: visible;にしちゃうと当然スクロール表示にはならないです。

トレードオフの関係になるのでどちらの操作を優先するかを選ぶ必要があるかと思います。

ご飯を食べてたら、すでにchu-yaさんが書き込まれていました。

皆様ご回答ありがとうございます。

当該操作（表の横スクロールにチェック）をせずにいくつか試してみました。

投稿者:: @chu-ya

↑

●ご参考

https://note.com/toya_n/n/n2d7497c277b6

縦スクロールバーは表示されましたが、固定されませんでした。

投稿者:: @yhira

↑

overflow: visible;にしないとposition: sticky;が効かない

下記記事バリエーション1に「overflow: scroll;を指定した要素で囲めば、その要素内でスクロールしたときにヘッダーが上と左に固定されます。」とありましたが、固定されませんでした。

https://qiita.com/orangain/items/6268b6528ab33b27f8f2

わいひら様のおっしゃる通り、どちらか選ばなければいけないようですね。

縦スクロールは諦め、当該操作ありの上で中間にも見出し行を入れました。

https://misicca.sakura.ne.jp/wp/table/

CSSなしで列固定と横スクロールができて大変助かります。

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

表右側のグラデーションがあったりなかったりするのは、

背景色の関係でしょうか？

投稿者:: @monica

↑

表右側のグラデーションがあったりなかったりするのは、背景色の関係でしょうか？

[Cocoon設定]→[本文]→レスポンシブ「横幅の広いテーブルは横スクロール」オン

テーブル幅＞画面幅の時、ScrollHintが色を付けます。
不要なら、CSSを追記します。

.scroll-hint.is-right-scrollable,
.scroll-hint.is-left-scrollable,
.scroll-hint.is-right-scrollable.is-left-scrollable{
background:unset;
}

ありがとうございます。

グラデーション非表示できました。

それと、表の中でリストタグを使うと、

下に余白ができます。(添付　赤丸)

ulやliにpadding-bottom:0;をしても変わりません。(テーブル1)

1以上は有効です。

(テーブル2)

https://misicca.sakura.ne.jp/wp/table/

何度も申し訳ありません。

よろしくお願いします。

●原因

追加しているCSSに間違いがあります。

.table-1 ul {
padding-bottom: 0;
}

[Cocoon設定]→[本文]→本文余白「行の余白」1.8emに設定。
この為、ブロック間に余白(margin-bottom)が付きます。

●対策

以下に修正します。
Chromeのデベロッパーツールを用いれば、各要素のスタイルを確認できます。
カスタマイズするなら、まずベロッパーツールの使い方を覚えましょう。

.table-1 ul {
padding-bottom: 0;
}

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

margin-bottom:0;もつけていたのですが、うまくいかず消していました。

再度試してみたら出来たので、何が原因だったのか分かりませんが・・・

お手数をおかけしました。

色々ご指導いただきましてありがとうございました。

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