HTML tableã®å®Ÿè£…ãŒã“ã‚Œã¾ã§ã¨å¤‰ã‚ã‚‹ï¼Googleデベãƒãƒƒãƒ‘ーã«ã‚ˆã‚‹å¤‰æ›´ç‚¹ã®è§£èª¬ -TablesNGGoogleã§ã¯CSSã®æ–°æ©Ÿèƒ½ã‚’å°Žå…¥ã™ã‚‹ã ã‘ã§ãªãã€æ—¢å˜ã®æ©Ÿèƒ½ã‚’å‘上ã™ã‚‹ã“ã¨ã«ã‚‚å–り組んã§ã„ã¾ã™ã€‚ãã®ä¸ã®ä¸€ã¤ã€ŒTablesNGã€ã§ã€HTMLã®tableã®å®Ÿè£…ãŒã“ã‚Œã¾ã§ã¨å¤‰ã‚ã‚‹ã®ã§ãã®å¤‰æ›´ç‚¹ã‚’紹介ã—ã¾ã™ã€‚ tableã¯å¤ãã‹ã‚‰ã‚ã‚Šã€ãã®å¾Œã•ã¾ã–ã¾ãªCSSã®æ©Ÿèƒ½ãŒãƒ–ラウザã«å®Ÿè£…ã•ã‚Œã¾ã—ãŸã€‚当然ã€ãれらã®æ–°ã—ã„機能ã«tableã¯å¯¾å¿œã—ã¦ã„ã¾ã›ã‚“。ãれらã«å¯¾å¿œã—ã€ä¸æ•´åˆã‚’ä¿®æ£ã™ã‚‹ã®ãŒä»Šå›žã®å–り組ã¿ã§ã™ã€‚ TablesNG Resolves 72 Chromium Bugs for Better Interoperability by Una Kravets, Aleks Totic 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ※当ブãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« TablesNGã®å–り組㿠1. テーブルã®è¡Œã«position: sticky 2. ãƒãƒƒã‚¯
CSSã ã‘ã§å®Ÿè£…ã§ãã‚‹ã¨ã¯ï¼ãƒ†ãƒ¼ãƒ–ルã®ãƒ˜ãƒƒãƒ€ã¨å·¦ç«¯ã®ã‚»ãƒ«ã®ä¸¡æ–¹ã‚’固定ã•ã›ã‚‹CSSã®æ¥µä¸Šãƒ†ã‚¯ãƒ‹ãƒƒã‚¯
「tableã€ã£ã¦å®Ÿã¯ã“ã“ã¾ã§ã§ãã‚‹ã‚“ã§ã™ï¼jQuery tableプラグイン12é¸ï½œSeleQtã€ã‚»ãƒ¬ã‚ュト】
å‚考ã«ã—ãŸã„CSSã§ã§ãるテーブルデザイン10é¸
ã€HTML5・CSS3】ãŠã—ゃれãªãƒ†ãƒ¼ãƒ–ルデザインã®ã‚µãƒ³ãƒ—ルソース5点 | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
[JS]スタイルシートã§ã¯ã§ããªã„テーブルã®ç¹‹ãŒã£ãŸã‚»ãƒ«ã‚’ãƒã‚¤ãƒ©ã‚¤ãƒˆã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Wholly
Sticky Table Headers & Columns - ヘッダーã€è¦‹å‡ºã—を固定表示ã™ã‚‹HTMLテーブルライブラリ MOONGIFT
jQuery UIを使ã£ã¦ãƒ†ãƒ¼ãƒ–ルをドラッグ＆ドãƒãƒƒãƒ—ã§ã‚½ãƒ¼ãƒˆã§ãるよã†ã«ã™ã‚‹
tableをレスãƒãƒ³ã‚·ãƒ–Webデザインã«å¯¾å¿œã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト・FooTable - ã‹ã¡ã³ã¨.net
{{#tags}}- {{label}}
{{/tags}}