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

Question

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

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

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

Answer 1

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

分配class如下

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 class然后会根据CSS

隐藏行拖动图标

How to set the visibility for row drag default icon in ag-grid angular 2+