【问题标题】:Ng-Table, ng-repeat on td element doesnt show column headerNg-Table,td 元素上的 ng-repeat 不显示列标题
【发布时间】:2015-07-10 17:21:18
【问题描述】:

我在表格中的元素上使用 ng-repeat 来显示多个列,我使用 data-title 属性来查看列标题,但是使用 ng-repeat 它只显示第一列的列标题,而不是其余列列的,

请检查插件http://plnkr.co/edit/Ex0XPCCKhRzRlzkfVmhG?p=preview

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

所有列都没有显示“年龄”标题

【问题讨论】:

    标签: angularjs ngtable


    【解决方案1】:

    没有找到答案,但可以在以下位置找到解决方法 http://plnkr.co/edit/Ex0XPCCKhRzRlzkfVmhG?p=preview

     <table ng-table="tableParams" class="table">
       <thead>
                    <tr>
                        <td>Name</td>
                        <td ng-repeat="a in $data[0].age">Age</td>
                    </tr>
                </thead>
      <tr ng-repeat="user in $data">
        <td>
          {{user.name}}
        </td>
        <td ng-repeat="a in user.age">
          {{a}}
        </td>
      </tr>
    </table>
    

    刚刚为标题创建了单独的元素并添加了很多列

    【讨论】:

    • 我遇到了同样的问题。但是您建议的答案不会为排序和高级搜索提供默认的 ng-table 标题行为,因为您正在创建自己的表格标题。我需要动态实现默认的 ng-table 标题,请问还有其他可能的解决方案吗?
    猜你喜欢
    • 2013-11-23
    • 1970-01-01
    • 2016-11-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多