Ng-table: 헀더 ν΄λž˜μŠ€κ°€ 더 이상 μž‘λ™ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€

에 λ§Œλ“  2015λ…„ 04μ›” 25일  Β·  3μ½”λ©˜νŠΈ  Β·  좜처: esvit/ng-table

3.Xμ—μ„œ λ§ˆμ§€λ§‰ λ²„μ „κΉŒμ§€

<td header-class="ooooooooooooooooooo" data-title="'Name'">
                {{user.name}}
</td>

헀더 ν΄λž˜μŠ€κ°€ 더 이상 μ μš©λ˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

κ°€μž₯ μœ μš©ν•œ λŒ“κΈ€

이제 5.Xμ—μ„œ μž‘λ™ν•˜λŠ” 방식을 μ°Ύμ•˜μŠ΅λ‹ˆλ‹€. κ°„λ‹¨ν•œ λ”°μ˜΄ν‘œ 사이에 클래슀λ₯Ό λ„£μ–΄μ•Ό ν•©λ‹ˆλ‹€.

μ˜ˆμ‹œ :

<table ng-table="tableParams" class="table ng-table-responsive">
        <tr ng-repeat="user in $data">
            <td sortable="'name'" header-class="'hdr'" title="'Name'">
                {{user.name}}
            </td>
            <td data-title="'Age'">
                {{user.age}}
            </td>
        </tr>
    </table>

동적 ν…Œμ΄λΈ”μ˜ 경우 μ•„λž˜ μ˜ˆμ™€ 같이 'class' 속성을 μ‚¬μš©ν•©λ‹ˆλ‹€.

var usernameCol = {
      title: 'Name',
      titleAlt: 'Name',
      'class': 'hdr',
      sortable: 'name',
      filter: { name: 'select' },
      filterData: names,
      show: true,
      field: 'name'
    };

λͺ¨λ“  3 λŒ“κΈ€

이제 5.Xμ—μ„œ μž‘λ™ν•˜λŠ” 방식을 μ°Ύμ•˜μŠ΅λ‹ˆλ‹€. κ°„λ‹¨ν•œ λ”°μ˜΄ν‘œ 사이에 클래슀λ₯Ό λ„£μ–΄μ•Ό ν•©λ‹ˆλ‹€.

μ˜ˆμ‹œ :

<table ng-table="tableParams" class="table ng-table-responsive">
        <tr ng-repeat="user in $data">
            <td sortable="'name'" header-class="'hdr'" title="'Name'">
                {{user.name}}
            </td>
            <td data-title="'Age'">
                {{user.age}}
            </td>
        </tr>
    </table>

동적 ν…Œμ΄λΈ”μ˜ 경우 μ•„λž˜ μ˜ˆμ™€ 같이 'class' 속성을 μ‚¬μš©ν•©λ‹ˆλ‹€.

var usernameCol = {
      title: 'Name',
      titleAlt: 'Name',
      'class': 'hdr',
      sortable: 'name',
      filter: { name: 'select' },
      filterData: names,
      show: true,
      field: 'name'
    };

μ‹œκ°„μ„ λ‚΄μ–΄ μžμ‹ μ˜ μ§ˆλ¬Έμ— λŒ€ν•œ 닡변을 κ²Œμ‹œν•΄ μ£Όμ…”μ„œ κ°μ‚¬ν•©λ‹ˆλ‹€.

@jlebleu 당신은 λ‚˜μ˜ ν•˜λ£¨λ₯Ό μ €μž₯ν•©λ‹ˆλ‹€, thx

이 νŽ˜μ΄μ§€κ°€ 도움이 λ˜μ—ˆλ‚˜μš”?
0 / 5 - 0 λ“±κΈ‰