MOONGIFT: » 絶対ãŠå‹§ã‚ï¼JavaScriptã§ãƒ†ãƒ¼ãƒ–ルソート「Table Sorterã€:オープンソースを毎日紹介Web開発ã®ç¾å ´ã«ãŠã„ã¦ã€ãƒ‡ãƒ¼ã‚¿ã®ä¸¦ã¹æ›¿ãˆæ©Ÿèƒ½ã®è¦æœ›ã¯è‰¯ã出る話ã 。開発ãŒã‚る程度終ã‚ã£ãŸæ®µéšŽã§è¨€ã‚ã‚ŒãŸã‚Šã™ã‚‹ã¨ã‚·ãƒ§ãƒƒã‚¯ã‚’å—ã‘る事もã‚る。検索æ¡ä»¶ã‚’パラメータã§å¼•ã継ã„ã§ã€ãƒšãƒ¼ã‚¸ç•ªå·ã‚‚…ãªã‚“ã¦è€ƒãˆãŸã ã‘ã§ã‚‚å«Œã«ãªã‚‹ã ã‚ã†ã€‚ ãã‚“ãªçµŒé¨“ã®ã‚ã‚‹ã€ã¾ãŸã¯ã“ã‚Œã‹ã‚‰çµŒé¨“ã™ã‚‹ã§ã‚ã‚ã†æ–¹ã«ãŠå‹§ã‚ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ãŒã‚る。ã“ã‚Œã•ãˆä½¿ãˆã°ã‚½ãƒ¼ãƒˆå‡¦ç†ã¯æ€–ããªã„。 今回紹介ã™ã‚‹ã‚ªãƒ¼ãƒ—ンソース・ソフトウェアã¯Table Sorterã€JavaScriptã®ã¿ã§å®Ÿç¾ã™ã‚‹ã‚½ãƒ¼ãƒˆãƒ©ã‚¤ãƒ–ラリã 。 ã“ã®æ‰‹ã®ãƒ©ã‚¤ãƒ–ラリã¯ã“ã‚Œã¾ã§ã„ãã¤ã‹ã‚ã£ãŸãŒã€iframeを使ã£ãŸã‚Šã€è¡¨ç¤ºã«ç‰¹å®šã®æ‰‹æ³•ãŒå¿…è¦ã ã£ãŸã‚Šã¨ã€ãã®ã¾ã¾ã§ã¯ä½¿ã„ã¥ã‚‰ã„ã‚‚ã®ãŒå¤šã‹ã£ãŸã€‚Table Sorterã¯ãれらã®å®Œæˆç‰ˆã¨ã‚‚ã„ãˆã‚‹ã‹ã‚‚知れãªã„。 何ã›ã€èªã¿è¾¼ã‚€ã®ã¯JavaScriptファイル一ã¤ã ã‘ã€ã•ã‚‰ã«æ™®é€šã®ãƒ†ãƒ¼ãƒ–ルタグã«å¯¾ã—ã¦ã€ãƒ˜ãƒƒãƒ€éƒ¨åˆ†ã¯theadã‚¿ã‚°ã¨thã‚¿ã‚°
デザイナーãªã‚‰ã“ã†ä½œã‚‹CSSスタイルテーブル『A CSS styled table version 2〠– creamu
OrderByColumnデモ - tableã®åˆ—ã®å€¤ã§ã‚½ãƒ¼ãƒˆã™ã‚‹
{{#tags}}- {{label}}
{{/tags}}