テーブルã«ã‚½ãƒ¼ãƒˆæ©Ÿèƒ½ã‚’è¿½åŠ ã™ã‚‹jQueryプラグインを紹介 | ã‚ノコãƒã‚°ä»Šå›žã¯ã€ãŠæ‰‹è»½ã«tableã«ã‚½ãƒ¼ãƒˆæ©Ÿèƒ½ã‚’è¿½åŠ ã™ã‚‹jQueryプラグインをã”紹介ã—ã¾ã™ã€‚ ã„ãã¤ã‹ãƒ†ãƒ¼ãƒ–ルソート系プラグインを試ã—ã¦ã¿ã¾ã—ãŸãŒã€æœ€ã‚‚シンプルã‹ã¤æœ€ã‚‚汎用性ã«é•·ã‘ãŸãƒ—ラグインã ã¨æ€ã„ã¾ã™ã®ã§ã€ã‚½ãƒ¼ãƒˆæ©Ÿèƒ½ã‚’実装ã«æ‚©ã‚“ã§ã„ã‚‹æ–¹ã¯æ˜¯éžãƒã‚§ãƒƒã‚¯ã—ã¦ãã ã•ã„。 テーブルã«ã‚½ãƒ¼ãƒˆæ©Ÿèƒ½ã‚’è¿½åŠ ã™ã‚‹tablesorter.js 紹介ã—ãŸã„プラグインã¯ã€Œtablesorter.jsã€ã€‚ 下記ã®ã‚½ãƒ¼ã‚¹ã‚’貼りテーブルを指定ã™ã‚‹ã ã‘ã§ã€ã‚½ãƒ¼ãƒˆæ©Ÿèƒ½ã‚’実装ã§ãã¾ã™ã€‚ è¨å®šãƒ•ã‚¡ã‚¤ãƒ«ã‚’自サーãƒãƒ¼ã«å…¥ã‚Œã¦ãれをèªã¿è¾¼ã¿ãŸã„æ–¹ã¯ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦é‹ç”¨ã—ã¦ãã ã•ã„。 ダウンãƒãƒ¼ãƒ‰ãƒ•ã‚¡ã‚¤ãƒ«ã¯ã“ã¡ã‚‰ ã¾ãŸã€ãƒ‡ã‚¶ã‚¤ãƒ³ç”¨ã®cssスã‚ンãŒå˜åœ¨ã—ã¾ã™ãŒã€ä»Šå›žã¯ã€Œæ—¢å˜ã®ãƒ†ãƒ¼ãƒ–ルã«ã‚½ãƒ¼ãƒˆæ©Ÿèƒ½ã‚’è¿½åŠ ã™ã‚‹ã€ã«çµžã£ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ オススメãƒã‚¤ãƒ³ãƒˆ ä»–ã®ã‚½ãƒ¼ãƒˆç³»ãƒ—ラグインã¨ã¯ç•°ãªã‚‹ã€tablesorter.jsã®ã‚ªã‚¹ã‚¹ãƒ¡ãƒã‚¤ãƒ³ãƒˆã‚’2ã¤ã¾ã¨ã‚ã¾
{{#tags}}- {{label}}
{{/tags}}