[JS]テーブルã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä¼´ã£ãŸãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ã‚’åŠ ãˆã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Table Paginatoræ—¢å˜ã®ãƒ†ãƒ¼ãƒ–ルã«ã‚‚ç°¡å˜ã«çµ„ã¿è¾¼ã‚ã‚‹ã€ãƒ†ãƒ¼ãƒ–ルã«ç¾Žã—ã„フェードã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä¼´ã£ãŸãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ã‚’åŠ ãˆã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ Table Paginator デモ [ad#ad-2] デモã¯ã‚·ãƒ³ãƒ—ルã«å®Ÿè£…ã•ã‚ŒãŸãƒ†ãƒ¼ãƒ–ルã®ä¸Šã«ã‚る「Click to Pagenateã€ã‚’クリックã™ã‚‹ã¨ã€é•·ã„テーブルãŒãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ä»˜ãã®ãƒ†ãƒ¼ãƒ–ルã«å¤‰æ›´ã•ã‚Œã¾ã™ã€‚ テーブルã®ä¸‹éƒ¨ã«é…ç½®ã•ã‚ŒãŸãƒŠãƒ“ゲーションをクリックã™ã‚‹ã¨ã€ãƒ•ã‚§ãƒ¼ãƒ‰ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§æŒ‡å®šã•ã‚ŒãŸãƒ†ãƒ¼ãƒ–ルãŒè¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ 美ã—ã„グラデショーンを伴ã£ãŸãƒ•ã‚§ãƒ¼ãƒ‰ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ ※デモã§å®Ÿéš›ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ãŠæ¥½ã—ã¿ãã ã•ã„。 Table Paginatorã®ä¸»ãªç‰¹å¾´ æ—¢å˜ã®ãƒ†ãƒ¼ãƒ–ルã«ã‚‚ç°¡å˜ã«å®Ÿè£…ã§ãã¾ã™ã€‚ 美ã—ã„インターフェイスをæä¾›ã—ã¾ã™ã€‚ インターフェイスã¯jQuery UIã®ãƒ†ãƒ¼ãƒžã‚’継承ã—ã¾ã™ã€‚ アニメーションã®ã‚¹ãƒ”ード
å°‘ã—ã®jQueryコードã§HTMLテーブルã®åˆ—ã«ãƒªãƒ³ã‚¯å…ˆã‚’指定ã§ãるよã†ã«ã™ã‚‹ - ã‹ã¡ã³ã¨.net
ヘッダ固定ã®åˆ†ã‹ã‚Šã‚„ã™ã„テーブルを簡å˜å®Ÿè£…ã§ãã‚‹jQueryプラグイン「jQuery.FixedTableã€:phpspot開発日誌
IDEA * IDEA
[JS]表組ã¿ã®ãƒ˜ãƒƒãƒ€ã‚’固定ã—ã€è¡¨ç¤ºã™ã‚‹åˆ—ã‚‚é¸æŠžã§ãるスクリプト
{{#tags}}- {{label}}
{{/tags}}