angularjs - 在ng-repeat元素内的新行上的表格中显示tr的最后td

我发现了很多类似的问题，但是不幸的是，没有一个问题为我完成了工作，我想知道如何才能将ng-repeat的最后td移到下一行？请考虑我的CSS技能绝对为零。

                        <table>
                        <thead>
                            <tr>
                                <th>Column1</th>
                                <th>Column2</th>
                                <th>Column3</th>
                                <th>Column4</th>
                                <th>Column5</th>
                            </tr>
                        </thead>
                        <tbody ng-repeat="items in ItemsList">
                            <tr ng-repeat="pItem in items.Items">
                                <td>{{pItem.Item1}}</td>
                                <td>{{pItem.Item2 }}</td>
                                <td>{{pItem.Items3 }}</td>
                                <td>{{pItem.Item4 }}</td>
                                <td>{{pItem.Item5 }}</td>
                                <td>{{pItem.Item6 }}</td>
                            </tr>
                        </tbody>
                    </table>

pItem.Item6是我要移至下一行的行（行中只有一个列跨越了完整的行大小）。



我希望Item6在下一行，如下所示。

最佳答案

可能是您想要这个

<table>
    <tbody ng-repeat="items in ItemsList">
        <tr ng-repeat="pItem in items.Items">
            <td>
                <table>
                    <thead ng-if="$first && $parent.$first">
                       <tr>
                           <th>Column1</th>
                           <th>Column2</th>
                           <th>Column3</th>
                           <th>Column4</th>
                           <th>Column5</th>
                       </tr>
                    </thead>
                    <tr>
                        <td>{{pItem.Item1}}</td>
                        <td>{{pItem.Item2 }}</td>
                        <td>{{pItem.Item3 }}</td>
                        <td>{{pItem.Item4 }}</td>
                        <td>{{pItem.Item5 }}</td>
                    </tr>
                    <tr>
                        <td colspan="5">{{pItem.Item6 }}</td>
                    </tr>
                </table>
            </td>
        </tr>
    </tbody>
</table>