删除 ag-grid angular 中第一列的所有行的边界线？

Question

我正在使用 ag-grid angular，我需要根据条件动态显示带有图标的特定列。当条件匹配为没有边框的普通列时，我想在第 0 个位置显示此列。

我尝试通过在

rowClassRules

中使用border:none类来做到这一点，但它正在将行的边框线删除到所有列，这不是我的要求。

我尝试在 colDef 的

cellClass

属性中使用 border-none 调用。它只是删除列的右边框。

以下是要求。

• 根据具体情况，状态栏将显示 一个无边框的图标。

对此有任何建议，我们将不胜感激。谢谢

Answer 1

您可以使用列定义的 cellClassRules 属性从 ag-grid angular 中第一列的所有行中删除边框线。

例子：

columnDefs = [{ 
    headerName: 'Column 1', 
    field: 'column1', 
    cellClassRules: { 
        'ag-cell-no-border': true 
    } 
}]