質問箱/5007 の履歴の現在との差分(No.5)

• 履歴一覧
• 差分 を表示
• ソース を表示
• 質問箱/5007 へ行く。
  • 1 (2010-08-22 (日) 16:08:04)
  • 2 (2010-08-22 (日) 16:45:18)
  • 3 (2010-08-23 (月) 14:49:04)
  • 4 (2010-08-23 (月) 14:49:04)
  • 5 (2021-10-11 (月) 06:10:15)

• 追加された行はこの色です。
• 削除された行はこの色です。

#author("2021-10-11T15:10:15+09:00","","")
#author("2021-10-12T08:11:24+09:00","","")
**[[質問箱/5007]] [#w88c5cfd]
|RIGHT:70|LEFT:410|c
|RIGHT:100|LEFT:410|c
|~カテゴリ|デザイン・CSS・スキン|
|~サマリ|表について　項目名を固定したい|
|~バージョン|1.4.6|
|~投稿者|[[松五郎]]|
|~状態|質問|
|~投稿日|&new{2010-08-23 (月) 01:08:04};|
***質問 [#j52a669c]
Excelみたいに1行目を固定して、スクロールしても表示できるようにすることはできませんか？~
|項目名|項目名|項目名|h　　←例えば、この行を固定したい場合です。~
攻略サイトを作るにあたって、できた方が見やすいので。

***回答 [#q80e4ae9]
- http://hp.vector.co.jp/authors/VA022006/css/visualren.html#overflow-clipping --  &new{2010-08-23 (月) 01:42:25};
-- 本文内にスクロール用のブロック領域を（[[自作プラグイン]]とかを使って）作るとか --  &new{2010-08-23 (月) 01:44:25};
- tbodyタグ（のcss設定）にheightとoverflow:scrollを付ける？ --  &new{2010-08-23 (月) 23:49:03};
- 興味が出たので考えてみた。参考資料はこちら「so-zou.jp/web-app/tech/css/sample/fixed-header.htm」 ・thead に「style='display: block;'」を指定。 ・tbodyに「style='overflow-x: hidden; overflow-y: scroll; display: block;'」を指定。 以上が最低限必要。加えて、次の要素も指定すべき。 ・tbodyに「height: ***px;」が必要。これがスクロールする部分の高さ（これがないと表全体が表示されてスクロール領域が生成されない） ・カスタム書式で各セルの幅の指定が必要。これがないとヘッダとボディでセル幅が変わってしまう。 カスタム書式で「Body高さ」を指定できるようにして、それがあったら上述のthead/tbodyのスタイル指定追加するとかすればいけるかも。 -- [[HarukaTomose]] &new{2021-10-11 (月) 15:10:15};
- 上述の内容で作ってみました：convert_htmlの改造で対応しています。ご参考まで。 tomose.dynalias.net/junk/?pukiwiki%B2%FE%C2%A4/Table%BD%E8%CD%FD%B2%FE%C2%A4 -- [[HarukaTomose]] &new{2021-10-12 (火) 08:11:24};

#comment