tableã‚’JSONデータã«ã‚³ãƒ³ãƒãƒ¼ãƒˆã™ã‚‹jQueryプラグイン・Table-to-JSON - ã‹ã¡ã³ã¨.nettableè¦ç´ ã‚’JSONデータã«å¤‰æ›ã—ã¦å–得出æ¥ã‚‹ã‚ˆã†ã«ã™ã‚‹ã€ã¨ã„ã†ã‚¹ã‚¯ãƒªãƒ—ト。jQueryã«ä¾å˜ã—ã¦ã„ã¾ã™ã€‚ã©ã“ã‹ã§åˆ©ç”¨ã•ã›ã¦ã‚‚らã†ã‹ã‚‚ã—ã‚Œãªã„ã®ã§ä»Šã®ã†ã¡ã«ãƒ¡ãƒ¢ï¼ˆã¨è¨€ã„ã¤ã¤ã€ã„ã¤ã‚‚忘れã¾ã™ã‘ã©ï¼‰ tableタグ内ã®ãƒ‡ãƒ¼ã‚¿ã‚’JSONã«å¤‰æ›ã—ã¦ãã‚Œã¾ã™ã€‚複雑ãªæ§‹é€ ã®tableã§ã‚‚上手ã変æ›ã—ã¦ãれるã‹ã¯ã¾ã 調ã¹ã¦ã¾ã›ã‚“。 tableã‚’JSONã«ã€ã¨ã„ã†ã‚‚ã®ã€‚用途ã¯é™ã‚‰ã‚Œã‚‹ã‘ã©ä¾¿åˆ©ã‹ã‚‚ã—ã‚Œãªã„。 動作サンプルã§ã™ã€‚ コード <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script> <script src="jquery.tabletojson.min.js"></script> 本体ã¨ãƒ—ラグインをèªã¿è¾¼ã¿ã¾ã™ã€‚ var table = $('table').tableToJSON(); ã§ã€ã‚»ãƒ¬ã‚¯ã‚¿ã«ãã®tableã‚’
tableã®å¹…をドラッグã§ãƒªã‚µã‚¤ã‚ºå‡ºæ¥ã‚‹ã‚ˆã†ã«ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト・jQuery Resizable Column - ã‹ã¡ã³ã¨.net
スマホサイト制作 table-cellレイアウトã¨text-overflow | hijiriworld Web
{{#tags}}- {{label}}
{{/tags}}