テーブルの1列目と1行目を固定するとき

Simplicityの特徴 フォーラム Simplicity2に関する話題何でも テーブルの1列目と1行目を固定するとき

  • このトピックには7件の返信、2人の参加者があり、最後にササキにより7年、 11ヶ月前に更新されました。
7件の返信スレッドを表示中
  • 投稿者
    投稿
    • #60676
      ササキ
      ゲスト

      こんにちは。表のことで質問です
      シンプリシティで大きい表を作るとき
      スマホでも見やすいように、横にスクロールできるようにしつつ、
      表の縦 1列目と横1行目を固定し、追従できるようにしたいのですが
      jQuery.floatTheadを使用しても、うまく反映されませんでした。
      どのようにすれば、見やすい表を設定できますでしょうか?
      教えていただきたいです。よろしくお願いします。

    • #60679
      アバター画像わいひら
      キーマスター

      テーブルの一行目とかなら、そういうjQueryプラグインもあるのですが、1列目もとなると、僕はそういう方法は申しわけないですが知りません。

    • #60680
      Akira
      ゲスト

      IE を無視していいのなら、 CSS だけでやる方法はあるみたいです。

      CSSのみで行・列ヘッダ固定テーブルを実装(Firefox / Chrome / Safari)

      サンプルがありました。

      StickyTable

      右上の Change View より、 Editor Layout の 1 番右を選ぶと、確認しやすいと思います。

    • #60681
      アバター画像わいひら
      キーマスター

      こんな方法があるんですね。
      ちょっと見ただけでは、何やってるのか全然わからない。

    • #60684
      アバター画像わいひら
      キーマスター

      こんな方法もあるみたいですね。
      CSSだけでレスポンシブ対応のtableを実装してみた | 無能屋

      いろいろとあるもんだ。

    • #60687
      ササキ
      ゲスト

      Akiraさん わいひらさん

      ご連絡遅くなり申し訳ございません。
      返信ありがとうございます。

      Akiraさんの方法を試してみましたが、難しくてうまく実装できませんでした。
      表がずれてしまったり、表示がおかしくなってしまいます・・・。

      わいひらさんのご紹介くださった方は まだ試してないので やってみます。

      エクセルなどで見出しと行固定した表を
      そのままワードプレスに埋め込むなんてことはできないですよね・・?

    • #60693
      アバター画像わいひら
      キーマスター

      やろうと思えばカスタマイズでできないということはないかもしれませんが、非常に難しいと思います。
      僕がWEB制作請負だったら、絶対にやりたくない感じのカスタマイズです。

    • #60758
      ササキ
      ゲスト

      フォーラムの書き込みができるようになってる!!

      遅くなりました。すみません。

      ご回答ありがとうございます!別の方法を考えてみます!

7件の返信スレッドを表示中
  • トピック「テーブルの1列目と1行目を固定するとき」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)