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

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

このトピックには7件の返信が含まれ、2人の参加者がいます。1 週前 ササキ さんが最後の更新を行いました。

  • 投稿者
    投稿
  • #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

    ササキ

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

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

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

トピック「テーブルの1列目と1行目を固定するとき」への新規返信追加は締め切られています。

スポンサーリンク
アドセンス(大)
アドセンス(大)