Angular 前后尺寸不同的Nebular nb翻转卡

是否可以以某种方式创建动态高度

nb翻转卡

？ 我有一张卡片的正面我有简短的信息，背面我想放更多的细节：

<nb-flip-card>
  <nb-card-front>
    <nb-card accent="danger">
      <nb-card-body>
        <div class="row">
          <div class="status">
            Status:
            <nb-alert size="small" status="danger">Not Ok</nb-alert>
          </div>
          <div class="status">
            App name: adsa <br/>
            branch: dsadsa<br/>
            commitid: dsadsa<br/>
            date : dsadsa<br/>
          </div>
        </div>
      </nb-card-body>
    </nb-card>
  </nb-card-front>
  <nb-card-back>
    <nb-card>
      <nb-card-body>
        <table class="ci-table">
          <tr>
            <td rowspan="2">img</td>
            <td rowspan="2">name</td>
            <td>High</td>
          </tr>
          <tr>
            <td>Crit</td>
          </tr>
          <tr>
            <td rowspan="2">img</td>
            <td rowspan="2">name</td>
            <td>High</td>
          </tr>
          <tr>
            <td>Crit</td>
          </tr>
          <tr>
            <td rowspan="2">img</td>
            <td rowspan="2">name</td>
            <td>High</td>
          </tr>
          <tr>
            <td>Crit</td>
          </tr>
        </table>
      </nb-card-body>
    </nb-card>
  </nb-card-back>
</nb-flip-card>

地位：
不好
应用程序名称：adsa

分支机构：dsadsa

委员会：dsadsa

日期：dsadsa

img
名称
高
暴击
img
名称
高
暴击
img
名称
高
暴击

但是像这样的设置最终会导致前面的卡片变短，整个卡片占位符会被放在后面。 看起来是这样的：

---

有没有办法让它正常工作？

我也有同样的问题。你解决了吗？我也有同样的问题。你解决了吗？