如何將表格行之間的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行調整顯示的行爲無論是你想