如何设置ag-grid angular 2+中行拖动默认图标的可见性

时间:2018-04-09 13:18:58

标签: ag-grid ag-grid-ng2

在gridColumns中我设置了rowDrag:true。这将为具有子行或单行的所有行创建默认图标。但我想通过将拖动图标的可见性设置为隐藏来仅为特定行设置此图标。

如果我有条件地填充rowDrag true或false,那么我不想要拖动图标,图标的行将不会出现,但它会打破对齐。这就是为什么我需要明确的东西,我可以将所有行的rowDrag设置为true,然后显式将可见性设置为隐藏。

在这种情况下请帮助我。找不到任何解决方案。

1 个答案:

答案 0 :(得分:1)

如果您只想隐藏拖动图标,则需要覆盖CSS。只需将css类分配给要隐藏的行,然后在CSS文件中将可见性设置为隐藏。

按以下方式分配课程

this.rowClassRules = {
   "hide-row-drag-class": function(params) {
     if (params.node.rowIndex % 2 == 0) {
       return true;
     }
   }
};

覆盖CSS文件

.yourTheme .yourClass .ag-row-drag{
        visibility: hidden;
}

上面的代码为所有奇数行分配一个CSS类,然后根据CSS隐藏行拖动图标

https://plnkr.co/edit/dIfq96KHFmEx25BnC5ze?p=preview