Question

我正在尝试构建一个只有一些行崩溃的表（只有这个例子中的第一行）。

当我点击“可恢复性”时，折叠和扩展效果很好，但是当我点击其中一行时问题我得到了同样的行为...... 我只想在点击时看到折叠和扩展效果 “Recevability”。

以下是代码：

<div id="feat-exam" class="panel panel-info">
  <div class="panel-heading">
    <ul class="list-group">
      <li class="list-group-item" data-toggle="collapse" data-target=".RECEV">
        <strong>Recevability</strong>
        <table>
          <tr class="collapse RECEV">
            <td>
              <em>item1.1</em>
            </td>
            <td>
              <em>item1.2</em>
            </td>
          </tr>
          <tr>
            <td>
              <em>item2.1</em>
            </td>
            <td>
              <em>item2.2</em>
            </td>
          </tr>
        </table>
      </li>
    </ul>
  </div>
</div>

你可以试试jsfiddle： collapsing rows table on jsfiddle

你们有些人可以看看吗？

Answer 1

如果您将表格移动到另一个li并将强标记放在第一个中，您将获得所需的结果。这是我的看法：

<div id="feat-exam" class="panel panel-info">
  <div class="panel-heading">
    <ul class="list-group">
      <li class="list-group-item" data-toggle="collapse" data-target=".RECEV" style="display:true">
        <strong>Recevability</strong>
      </li>
      <li class="collapse RECEV">

        <table style="width:100%">
          <tr>
            <td>
              <em>item1.1</em>
            </td>
            <td>
              <em>item1.2</em>
            </td>
          </tr>
          <tr>
            <td>
              <em>item2.1</em>
            </td>
            <td>
              <em>item2.2</em>
            </td>
          </tr>
        </table>
      </li>
    </ul>
  </div>
</div>

https://jsfiddle.net/f030he9x/

Bootstrap折叠表行

1 个答案: