Question

我有一个html表格，<tbody>生成的角度为ng-repeat。这是我的HTML：

<tbody>
    <tr ng-repeat-start="car in carList | filter:tableFilter" ng-click="activeRow = car.name">
        <td><a target="_blank" href="{{car.carLink}}">{{car.name}}</a></td>
        <td>{{car.review}}</td>
        <td>{{car.rating}}</td>
        <td>{{car.fiveStarPercent}}</td>
        <td>{{car.recommended}}</td>
        <td>{{car.price}}</td>
    </tr>
    <tr ng-repeat-end ng-show="activeRow==car.name">
        <td>{{car.name}}</td>
    </tr>
</tbody>

我想将<td>{{car.name}}</td>替换为仅在您点击某行时显示的表格。

但是如果我只是去替换我需要的表上的<td>{{car.name}}</td>，那么点击时我的主表将不再创建额外的行。

那么，是否可以在<tr>标记内放置一个表格？如果是，那么正确的方法是什么？

Answer 1

为此目的使用colspan和rowspan https://developer.mozilla.org/en-US/docs/Web/HTML/Element/td

Answer 2

您可以尝试这样做：

<table><tr><td>...</td></tr></table>

即，您可以在td

中添加完整的表格

<强> JSFIDDLE DEMO

在tr标签内创建一个表？

2 个答案: