Question

我在angularjs和bootstrap中使用嵌套数组，这是动态地来自服务器端代码。在那种情况下，使用rowspan显示表格格式，但它在工作的是两层嵌套数组，只需要具有更高级别即可。此示例仅使用示例，但我需要更多级别

<table class="table table-bordered">
            <thead>
                <tr>
                    <td>check</td>
                    <th>Member</th>
                    <th>Age</th>
                    <th>Branch</th>
                </tr>
            </thead>
            <tbody ng-repeat="group in groups">
                <tr ng-repeat="member in group.members">
                    <td rowspan="{{group.members.length}}" ng-hide="$index>0">
                       {{group.id}}
                    </td>
                    <td  >
                    {{member.name}}

                    </td>
                   <td >
                    {{member.age}}

                    </td>


                    <td > 
                   <table >
                         <tbody>
                       <tr  ng-repeat="stu in member.student" >
                       <td >{{stu.Branch}}</td>
                       </tr>

                       </tbody>
                       </table>
                   </td>
                </tr>
            </tbody>
        </table>

FIDDLE

Answer 1

您没有为内部表添加class =“ table”。同时将padding:0px赋予td
Fiddle

<td style="padding:0px">
  <table class="table">
    <tbody>
      <tr ng-repeat="stu in member.student" >
       <td>{{stu.Branch}}</td>
      </tr>
    </tbody>
  </table>
</td>

如何使用angularJS使用嵌套的行跨度？

1 个答案: