如何将 div 放在表格行之间并点击切换？

Question

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

我正在使用 Angularjs ng-repeat 创建一个表行

<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 作为一行，也许它会满足你的要求。谢谢