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

Question

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

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

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

score 1 · Accepted Answer

如果您只想隐藏拖动图标，则需要覆盖 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 隐藏行拖动图标

1 回答 1