javascript - 在 ng-grid 单独行中添加垂直展开/折叠( Accordion )

Question

我在 ng-grid 的一列中有一个很长的文本。如果文本溢出单元格，则会将省略号放在末尾。 我想做的是找到一些向用户显示大文本的好方法。 我尝试了以下操作:

1.) 工具提示 2.) 弹出对话框

但是没有一个看起来很好，因为文本没有标记，即没有样式。我按原样显示文本。

目前我正在尝试找到一种方法来展开和折叠特定单元格或整行。我尝试从调试器更改样式，但 View 没有变化，即使它显示单元格和行的高度已更改。

所以我想要的是有一种方法可以很好地向用户显示长文本(30-35 行)或使其展开/折叠。

请帮忙。

Answer 1

我制作了一个 plunker 来展示如何在单元格中创建水平滚动条: http://plnkr.co/edit/jmt4WidX2P6QfNokqdGP?p=preview

我将这种样式用于单元格模板:

.scrollingDiv {
  overflow:auto;
  white-space: nowrap;
}

我认为对于 35 行文本，您最好在网格下方的详细信息 Pane 中显示内容，并连接到单元格选择。