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

深沉夏尔马

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

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

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

酷人

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在Angular 2 ag-grid中的两行ag-grid之间添加空间

如何在angular2应用程序中初始化Ag-Grid API

以编程方式选择行ag-grid + angular 2

如何在ag-grid noRowsTemplate值中使用Angular 2x组件

如何在 angular ag-grid 中默认展开枢轴列组

如何在ag-Grid Angular设置中访问columnDefs中另一列的值?

如何在Ag Grid中隐藏列?

如何在 Ag-grid angular 中扩展分组数据中的行?

如何在 ag-grid Angular 中显示复杂的数据结构

如何在Angular 8中将Ag-Grid从版本21迁移到版本22

如何在ag-grid-angular中扩展第一组级别

Angular Ag-Grid:如何在单元格中呈现HTML?

如何在ag-grid angular中为悬停的单元格添加边框?

如何在Angular中使用ag-grid的headerClass属性?

如何在ag-Grid的单元内渲染Angular routerLink?

如何在 Angular 11 中使用 Ag-Grid

如何在角度2的ag-grid中进行分页

在Angular 2的ag-grid中获取/设置过滤器字段的ID

Angular2和Ag-Grid-如何固定过滤器菜单

如何在ag-grid中获取过滤的行?

如何在Ag-grid中强制重新渲染行?

如何在Ag-grid中获取更新的行

如何在ag-grid中获取行的样式对象?

ag-grid 不从 angular2 中的 web api 输出加载数据行

如何在Angular的ag-grid中的单元格中与其他单元格值建立链接?

如何在Angular 6中将ag-grid从18.1.0版本更新到20.1.0?

如何在Ag-Grid中选择细节网格行

Angular 2中ag-grid中filter字段的使用值

如何使搜索图标在ag-grid的列中永久可见?