Ng-table: ํŠน์ • ์—ด ์ˆจ๊ธฐ๊ธฐ

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

4๊ฐœ์˜ ์†์„ฑ์ด ํฌํ•จ๋œ ๋ฐฐ์—ด์ด ์žˆ๊ณ  $watch ๋˜๋Š” ๋‹ค๋ฅธ ์ข…๋ฅ˜์˜ ๋„๊ตฌ๋ฅผ ๊ธฐ๋ฐ˜์œผ๋กœ 4๋ฒˆ์งธ ์†์„ฑ์„ ๋™์ ์œผ๋กœ ์ˆจ๊ธฐ๊ณ  3๊ฐœ๋งŒ ํ‘œ์‹œํ•˜๋ ค๋Š” ๊ฒฝ์šฐ์™€ ๊ฐ™์ด ํŠน์ • ์—ด์„ ์ˆจ๊ธธ ์ˆ˜ ์—†๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.

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

๋‹ค์Œ๊ณผ ๊ฐ™์ด ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค.

...
<table ng-table="tableParams" ...
  ...
  <td ng-show="tableParams.myShowFlag">
  ...
...
getData: function ($defer, params) {
  params.myShowFlag = false;
  ...
}
...

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

header-class="myHideClass" ์†์„ฑ์„ ์‚ฌ์šฉํ•ด ๋ณด์…จ์Šต๋‹ˆ๊นŒ?

๋‹ค์Œ๊ณผ ๊ฐ™์ด ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค.

...
<table ng-table="tableParams" ...
  ...
  <td ng-show="tableParams.myShowFlag">
  ...
...
getData: function ($defer, params) {
  params.myShowFlag = false;
  ...
}
...

์ €๋ฅผ ์œ„ํ•ด ์ด ์ผ์„ zdila์—๊ฒŒ ๋Œ€๋‹จํžˆ ๊ฐ์‚ฌํ•ฉ๋‹ˆ๋‹ค.

๋‚˜๋Š” ์—ด์„ ์ˆจ๊ธฐ ์‹ถ์—ˆ์ง€๋งŒ, ๋‚ด๊ฐ€ @zdila์˜ ์†”๋ฃจ์…˜์„ ์‚ฌ์šฉ ๊ทธ๋ž˜์„œ ๋‚˜๋Š” ๊ฒจ ํ…Œ์ด๋ธ” - ํˆฌ - CSV์™€ CSV๋กœ ์ถ”์ถœํ•˜๊ณ  ์‹ถ์—ˆ @zeitos์— ์˜ํ•ด ์ œ์•ˆ, ๋‚˜๋Š” ์ˆจ๊ธฐ๊ธฐ์— ํ—ค๋” ํด๋ž˜์Šค๋ฅผ ์ถ”๊ฐ€ ํ•œ ํ—ค๋”.
์ด๋ ‡๊ฒŒ ํ•˜๋ฉด ๋‚ด ์—ด์ด DOM์— ์žˆ์ง€๋งŒ ํ‘œ์‹œ๋˜์ง€ ์•Š๊ณ  ๋‚ด CSV์— ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค.

<td ng-show ="cashFlowsTable.myShowFlag" data-title="'Debito Residuo a decorrenza'" header-class="'ng-hide'">{{::cashFlow.debResd}}</td>

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