Ng-table: ์ •๋ ฌ/ํ•„ํ„ฐ๋ง์œผ๋กœ ๊ทธ๋ฃนํ™”

์— ๋งŒ๋“  2016๋…„ 08์›” 01์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: esvit/ng-table

๊ทธ๋ฃน์ด ํ™•์žฅ๋˜๊ณ (http://ng-table.com/#/grouping/demo-api) ์ •๋ ฌ/ํ•„ํ„ฐ๋ง์„ ํด๋ฆญํ•˜๋ฉด ๊ทธ๋ฃน์ด ๋‹ค์‹œ ์ถ•์†Œ๋ฉ๋‹ˆ๋‹ค. ์–ด์จŒ๋“  ์ด ๋™์ž‘์„ ํ”ผํ•˜๊ธฐ ์œ„ํ•œ ๋ฐฉ๋ฒ•์ด ์žˆ์Šต๋‹ˆ๊นŒ? ์ฆ‰, ์ •๋ ฌ ๋˜๋Š” ํ•„ํ„ฐ๋ง์ด ์™„๋ฃŒ๋˜๋”๋ผ๋„ ํ™•์žฅ๋œ ๊ทธ๋ฃน์„ ๊ณ„์† ์—ด์–ด ๋‘์‹ญ์‹œ์˜ค.

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

๊ฐ™์€ ๋ฌธ์ œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค... ์ •๋ ฌํ•  ๋•Œ ๊ทธ๋ฃน์ด ์—ด๋ ค ์žˆ์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์ด์ƒ์ ์œผ๋กœ ์—ด๋ ค ์žˆ๋Š” ๊ทธ๋ฃน์€ ์—ด๋ ค ์žˆ์–ด์•ผ ํ•˜๊ณ  ๋‹ซํžŒ ๊ทธ๋ฃน์€ ๋‹ซํ˜€ ์žˆ์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ํ˜„์žฌ ์ดˆ๊ธฐ์— ๊ทธ๋ฃน์„ ํ™•์žฅํ•˜๊ณ  ์ •๋ ฌ์„ ์ˆ˜ํ–‰ํ•˜๋ฉด ์ •๋ ฌ ํ›„์—๋„ ๊ทธ๋ฃน์ด ์—ด๋ฆฐ ์ƒํƒœ๋กœ ์œ ์ง€๋ฉ๋‹ˆ๋‹ค(์–‘ํ˜ธ). ๊ทธ๋Ÿฌ๋‚˜ ๊ทธ๋ฃน์ด ์ฒ˜์Œ์— ์ถ•์†Œ๋˜๊ณ  ๋ช‡ ๊ฐœ์˜ ๊ทธ๋ฃน์„ ํ™•์žฅํ•œ ํ›„ ์ •๋ ฌ์ด ์™„๋ฃŒ๋˜๋ฉด ๋ชจ๋“  ๊ทธ๋ฃน์ด ์ถ•์†Œ๋ฉ๋‹ˆ๋‹ค(์ข‹์ง€ ์•Š์Œ).

๋ชจ๋“  3 ๋Œ“๊ธ€

๊ฐ™์€ ๋ฌธ์ œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค... ์ •๋ ฌํ•  ๋•Œ ๊ทธ๋ฃน์ด ์—ด๋ ค ์žˆ์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์ด์ƒ์ ์œผ๋กœ ์—ด๋ ค ์žˆ๋Š” ๊ทธ๋ฃน์€ ์—ด๋ ค ์žˆ์–ด์•ผ ํ•˜๊ณ  ๋‹ซํžŒ ๊ทธ๋ฃน์€ ๋‹ซํ˜€ ์žˆ์–ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ํ˜„์žฌ ์ดˆ๊ธฐ์— ๊ทธ๋ฃน์„ ํ™•์žฅํ•˜๊ณ  ์ •๋ ฌ์„ ์ˆ˜ํ–‰ํ•˜๋ฉด ์ •๋ ฌ ํ›„์—๋„ ๊ทธ๋ฃน์ด ์—ด๋ฆฐ ์ƒํƒœ๋กœ ์œ ์ง€๋ฉ๋‹ˆ๋‹ค(์–‘ํ˜ธ). ๊ทธ๋Ÿฌ๋‚˜ ๊ทธ๋ฃน์ด ์ฒ˜์Œ์— ์ถ•์†Œ๋˜๊ณ  ๋ช‡ ๊ฐœ์˜ ๊ทธ๋ฃน์„ ํ™•์žฅํ•œ ํ›„ ์ •๋ ฌ์ด ์™„๋ฃŒ๋˜๋ฉด ๋ชจ๋“  ๊ทธ๋ฃน์ด ์ถ•์†Œ๋ฉ๋‹ˆ๋‹ค(์ข‹์ง€ ์•Š์Œ).

:+1: ๊ฐ™์€ ๋ฌธ์ œ๊ฐ€ ์žˆ์Šต๋‹ˆ๋‹ค.
์ด ๋ฌธ์ œ๊ฐ€ ํ•ด๊ฒฐ๋˜์—ˆ์Šต๋‹ˆ๊นŒ? ์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ๋Š” eventListener๋ฅผ ์ œ์™ธํ•˜๊ณ  ๋ชจ๋“  ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๊ทธ๊ฒƒ๊ณผ ๊ฐ™์€ ๋ฌธ์ œ. ์ˆ˜์ •์ด ์ ˆ์‹คํžˆ ํ•„์š”ํ•œ ์ƒํ™ฉ....

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰