动态增加和减少行高ng网格

时间:2014-09-01 10:39:45

标签: javascript angularjs ng-grid

我想增加ng-grid的行高。例如,如果我的单元格内容增加到超过3行,那么我想显示一个按钮,然后在单击该按钮后,行大小增加并显示单元格的剩余内容。我是角度js的新手,所以请帮助我。我也试过这个插件,但它不适用于我的情况。

1 个答案:

答案 0 :(得分:0)

这不适用于ng-grid,因为它通过以网格方式定位div来模拟表格。因此,如果您尝试增加行的高度,则必须重新调整所有后续行的顶部位置(例如,类似单元格的div),而这些行根本不在代码中。

更好地关注基于table的解决方案,例如ng-table,它具有ng-grid的所有奇特功能,如排序,过滤,分页等。

由于该结构基于浏览器本机表函数,因此您可以将动态行高的正确计算留给更强大的渲染引擎。

环顾四周,表格中有多个强大的指令。