UI-Grid - 行高和空格

Question

我正在尝试最小化使用可扩展行模板时使用的空格。我在AngularJS中使用组件UI网格。

这是一个吸虫： Code preview

正如你在plunker中看到的，我创建了一个可扩展的行模板，里面有一个textarea。当您在主网格上打开一行时，您会看到没有空白，因为我添加了一些css来删除空格。

.expandableRow{
  height:auto !important;
}

当ui-grid加载视图时，将自动生成此类。

没有空格是正确的，但问题是打开行的'（+）'加号不会随着textarea的高度调整大小。

现在的样子：

(+) Notification Date     | Title
-----------------------------------
    (-) 12/01/2016        | Test
        Here is a message
        01/01/2017        | test2
        07/01/2017        | Test3
    (+)
    (+)

这应该是它的样子：

(+) Notification Date     | Title
-----------------------------------
    (-) 12/01/2016        | Test
        Here is a message
    (+) 01/01/2017        | test2
    (+) 07/01/2017        | Test3

有谁知道如何解决这个问题？

谢谢， 布伦特