フォーラム

トピックを立てる前にチェック
  1. 「フォーラムガイドライン」に必ず目を通してください。
  2. バージョンアップデート後に表示がおかしくなった場合は、
    「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。
  3. フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
テーブル2列目を固定(途中固定)する方...
 
通知
すべてクリア

テーブル2列目を固定(途中固定)する方法について

1 投稿
1 ユーザー
0 Reactions
978 表示
(@blogpusyu)
投稿: 1
メンバー
トピックスターター
 

いつもお世話になっています。

テーブルの指定列を固定する方法について、伺いたいです。

 

下記のようなテーブルを作成した際に、3-5行・2列目部分を固定することはできますでしょうか?

スクリーンショット 2024 03 28 14.31.05

調べたところ、CSSをいじれば途中固定などでできそうという所まではわかったのですが、実際にテーブルを作成したコードを見ても、どの部分に何を追記をすればよいかわからず、困っております。(添付URLは調べたサイトのものです)

CSSの知識がかなり必要な場合は、外注も検討しています。しかし、可能であれば自身で対応したいと思っております。

お忙しいところ恐縮ですが、解決方法がありましたらご教示いただけると幸いです。よろしくお願い致します。

 

<画像のコード>

<!-- wp:table {"className":"min_width20_"} -->
<figure class="wp-block-table min_width20_"><table><tbody><tr><th colspan="2">固定</th><td>テキスト</td><td>テキスト</td><td>テキスト</td></tr><tr><th colspan="2">固定</th><td>テキスト</td><td>テキスト</td><td>テキスト</td></tr><tr><th rowspan="3">固定</th><td><span class="swl-cell-bg has-swl-pale-04-background-color" data-text-color="black" aria-hidden="true"> </span>ここも固定したい</td><td>テキスト</td><td>テキスト</td><td>テキスト</td></tr><tr><td><span class="swl-cell-bg has-swl-pale-04-background-color" data-text-color="black" aria-hidden="true"> </span>ここも固定したい</td><td>テキスト</td><td>テキスト</td><td>テキスト</td></tr><tr><td><span class="swl-cell-bg has-swl-pale-04-background-color" data-text-color="black" aria-hidden="true"> </span>ここも固定したい</td><td>テキスト</td><td>テキスト</td><td>テキスト</td></tr><tr><th colspan="2">固定</th><td>テキスト</td><td>テキスト</td><td>テキスト</td></tr></tbody></table></figure>
<!-- /wp:table -->

確認項目
利用規約に同意します*, ガイドラインを読み、内容を把握しています*, よくある質問を先にチェック済みです*, 過去に同じようなトピックがないか検索済みです*, WordPress更新後、SWELLは最新版にしましたか?, Googleなどでも検索してみました, プラグインを停止しても同じことが起こることを確認しました, デフォルトテーマ等、他のテーマでも同じことが起こることを確認しました, 自分で追加したコードに問題がないかチェック済みです
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.9.0
利用中のPHPバージョン
7.4.33
OS
MacOS
利用中のWordPressバージョン
6.4.3
利用中のプラグイン一覧

Google XML Sitemaps Generator
Converter for Media
Microsoft Clarity
Site Kit by Google
SlimStat Analytics
UpdraftPlus
XO Security


 
投稿済 : 28/03/2024 2:36 pm
共有: