如何将表格行之间的div和点击切换？

Question

如何将div放入表格行并使用按钮切换其可见性。

我创建使用Angularjs表行NG-重复

<tr ng-repeat="result in results" > 
    <td>{{$index + 1}}</td> 
    <td>{{result.canname}}</td> 
    <td>{{result.canbloodgroup}}</td> 
    <td>{{result.cangender}}</td> 
    <td>Button</td> 
</tr> 

我希望把每行之间表宽度的DIV，我该怎么办呢？

Answer 1

<table ng-repeat="result in results"> 
<tr> 
    <td>{{$index + 1}}</td> 
    <td>{{result.canname}}</td> 
    <td>{{result.canbloodgroup}}</td> 
    <td>{{result.cangender}}</td> 
    <td>Button</td> 
</tr> 
<tr ng-if="true/false"> 
    <td colspan=4> 
    <div> 
     <p>{{things-you wnat to show}}</p> 
    </div> 
    </td> 
</tr> 
</table> 

那么你不能把一个div行之间，但你可以创建一个DIV sperate表作为行 也许它会fullfill您的要求。由于

Answer 2

正如在评论中指出，一些表格元素只允许特定的子标签

你可以重复<tbody>并在每个

<tbody ng-repeat="result in results"> 
    <tr ng-if="someVariable"> 
    <td colspan="5">Your other content</td> 
    </tr> 
    <tr> 
    <td>{{$index + 1}}</td> 
    <td>{{result.canname}}</td> 
    <td>{{result.canbloodgroup}}</td> 
    <td>{{result.cangender}}</td> 
    <td ng-click="someVariable = ! someVariable">Button</td> 
    </tr> 
</tbody> 

2行调整显示的行为无论是你想