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

时间:2014-12-30 10:03:04

标签: javascript html angularjs accordion ng-grid

我在ng-grid中的一列中有一个很长的文本。如果文本溢出单元格,则将elipsis放在最后。 我想要做的是找到向用户显示大文本的好方法。 我试过以下事情:

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

但是没有一个看起来非常好,因为文字没有标记,即没有造型。我正在显示原文。

目前我正在尝试扩展和折叠特定单元格或整行。我尝试从调试器更改样式,但视图中没有更改,即使它显示单元格和行的高度已更改。

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

请帮忙。

1 个答案:

答案 0 :(得分:1)

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

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

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

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