Question

我正在处理申请。

要求是我有一个表，每行都是通过json数据中的ng-repeat填充的。

在单击每一行时，该行必须展开，并且会有一个嵌套表，并且单击嵌套表上的任何行将展开该行，并且会有另一个嵌套表。

直到现在我甚至无法在点击行时打开第一个嵌套表。

理想情况下，我更喜欢每个嵌套视图都有一个单独的html模板，但为了简单起见，我尝试使用普通的可折叠div。

这是我的代码。

＆＃13;

<div class="col col-md-12 col-sm-12 col-xs-12">
  <table class="table table-responsive table-hover">
    <thead>
      <tr>
        <th>ID</th>
        <th>Status</th>
        <th>Name</th>
        <th>Description</th>
        <th>Size</th>
        <th>Level</th>
      </tr>
    </thead>
    <tbody>
      <tr class="clickable" data-toggle="collapse" data-target="#endpoints" data-ng-repeat="data in datafromservice">
        <td>{{data.id}}</td>
        <td>{{data.status}}</td>
        <td>{{data.name}}</td>
        <td>{{data.description}}</td>
        <td>{{data.size}}</td>
        <td>{{data.level}}</td>
        <!-- edit button -->
        <td class="edit"><i class="glyphicon glyphicon-pencil"></i>
        </td>
        <!-- button button -->
        <td class="delete"><i class="glyphicon glyphicon-trash"></i>
        </td>
      </tr>
    </tbody>
    <div class="collapse" id="endpoints">
      <p>Hello world</p>
    </div>
  </table>
</div>

＆＃13;

我必须遗漏一些非常明显的东西，而且我无法理解。

Bootstrap表，每行可折叠

0 个答案: