如何使用ng-repeat来定义一个表格的colspan？ （AngularJS）

Question

鉴于以下代码，如何定义第一个td的colspan以匹配其表中其他“td”的数量，以便它可以占用表的整个宽度？

<table ng-repeat="product in products">
    <tr>
        <td colspan="">
            {{product.name}}
        </td>
    </tr>
    <tr ng-repeat="item in product.items">
        <td ng-repeat="element in item">
            {{element}}
        </td>
    </tr>
</table>

此处的实时代码：http://jsfiddle.net/z37uofqk/

Answer 1

我认为你要做的就是让专栏跨越整个表格。这是一个很好的方法：

<td colspan="100%">
    {{product.name}}
</td>