标签: ag-grid-ng2

我想根据status字段有条件地显示工具提示，将鼠标悬停在整行上（而不仅仅是在单元格上）。在 API 文档中，我发现了这个：https : //www.ag-grid.com/javascript-grid-column-properties/

tooltip 一个回调，它接受 (value, valueFormatted, data, node , colDef, rowIndex, and api) 它必须返回用作工具提示的字符串。tooltipField 优先。

这可以用于在整行上显示工具提示吗？如果是，任何人都可以提供任何工作示例吗？如果没有，我还有其他方法可以实现吗？

谢谢

我在Angular项目中有一个简单的ag-grid,并希望禁用其中一列中的单元格选择.在选择期间简单地删除默认的蓝色轮廓也没问题.当用户在其中单击时,我只是不希望对单元格进行可视化更改.我怎样才能做到这一点？

我看到它ColDef有一个有用的属性suppressNavigable,因为它不允许使用tab键选择单元格,但它仍然允许通过单击进行选择.此外,网格本身似乎提供suppressCellSelection但它看起来不够精细,似乎不会影响任何东西.

那么,我该如何删除这个蓝色边框单元格选择？

这是我对这些列定义的代码:

this.columnDefs = [
  { headerName: 'One', field: 'one' },
  { headerName: 'Two', field: 'two' },
  { 
    // I want to disable selection of cells in this column
    headerName: 'I want no cell selection!', 
    field: 'three',   
    suppressNavigable: true,
    editable: false,
  }
];

这是我用来测试的stackblitz示例:https://stackblitz.com/edit/aggrid-want-to-disable-cell-selection

这是我不希望在本专栏中看到的蓝色边框的屏幕截图:

我有一个Ionic/Angular使用的应用程序ag-grid。我希望某些网格在加载网格时自动应用过滤器-无需用户做任何事情。

我尝试了以下方法：

onGridReady(params) {
  params.api.sizeColumnsToFit();
  // get filter instance
  var filterComponent = params.api.getFilterInstance("isActive");
  // OR set filter model and update
  filterComponent.setModel({
    type: "greaterThan",
    filter: 0
  });
  filterComponent.onFilterChanged();
}

但是什么也没做。有任何想法吗？

我在我的项目中使用企业ag-Grid版本。
我在盒子下面找到了工具提示支持，并按如下方式制作：

columnDefs = [
{
    headerName: 'USER NAME',
    field: 'userName',
    sortingOrder: ['asc', 'desc'],
    filter: 'agTextColumnFilter',
    filterParams: {newRowsAction: "keep"},
    floatingFilterComponentParams: {suppressFilterButton: true},
    suppressMenu: true,
    tooltip: (t: any) => { return t.value; }
}, //...
];

工具提示工作正常并显示在我的网格中“ userName ”列的每个单元格上方。
如果文本仅为省略号，是否可以在标题/单元格上方显示工具提示？

提前致谢。

我想停止所有单元格点击的事件传播，因为我正在使用onRowClicked一些操作。当用户单击单元格内的某些内容（如输入字段）时，我不希望触发行单击。

有什么想法吗？

我为此使用了 Angular 2/4。

我正在尝试将ag-grid数据导出为CSV.

问题是,它出口仅可见的数据或从HTTP调用收到的内存数据,同时考虑到paginationPageSize,maxBlocksInCache,cacheBlockSize等在网格中.不是整个数据集.

我通过以下链接,但无法获得太多帮助.

1. [导出]导出到CSV客户端分页中的所有页面
2. agGrid数据导出

有什么方法可以实现这个目标吗？或者这完全不可能？

我已经开始在我的Angular 4项目中使用ag-grid,并且无法找到用于执行内联单元验证的任何API,即每当用户编辑特定单元时,要求是执行必需的字段和模式验证.如果出现任何验证错误,相应的可编辑字段应突出显示,并且需要显示错误消息.

我已经使用以下单元格事件来实现上述目的,但它们都没有为我提供所需的结果.

• cellEditingStarted

• cellEditingStopped

我是 AG-Grid 的新手，如果这是一个愚蠢的问题，请原谅我。我们在 Angular 5 应用程序中使用 Ag-Grid 的 OSS 版本。我有一个专栏，我将两组汇总数据组合在一起并显示它们。我想在两段文字之间换行。

现在它正在这样做：

《总结一总结二》

我希望它这样做：

《总结一
总结二》

到目前为止，我已经尝试过 HTML 中断标记，\r\n 和 \n 并且没有任何效果。这是可能的吗？

谢谢，詹姆斯

我在我的应用程序上使用了 ag-Grid，但我用默认主题 (ag-theme-balham) 破坏了它。

在一个特定的组件上，我想更改标题背景颜色，但是当我在我的 component.scss 文件中添加 CSS 时，没有任何反应。

我在我的 angular-cli.json 文件中添加了 ag-Grid css

  "styles": [
    "../node_modules/font-awesome/scss/font-awesome.scss",
    "../node_modules/ag-grid/dist/styles/ag-grid.css",
    "../node_modules/ag-grid/dist/styles/ag-theme-balham.css",
    "styles.scss"
  ],

在 component.scss 文件上，我有以下 CSS

.ag-theme-balham .ag-header {
    background-color: #e0e0e0;
}

但是没有任何反应，并且颜色不会应用于标题。

我正在使用带有ag-grid数据表的角度5，我无法使用cellRenderer从单元格触发点击事件，这里如何使用我的ag-grid-> colDefs

this.columnDefs = [
            {headerName: '#', rowDrag: true, width: 75},
            {headerName: 'One', field: 'fieldName',
                cellRenderer : function(params){
                    return '<div><button (click)="drop()">Click</button></div>'
                }
            }
];

drop() {
    alert("BUTTON CLICKEFD")
}

如果正在使用 onClick="alert("123")" ->它有效，但是我无法使用onClick="drop()"它会抛出未定义的信息，

我也在cellRenderer内部尝试过-> params = params.$scope.drop = this.drop;

如果在使用gridOptions angularCompileRows : true时抛出错误，Cannot read property '$apply' of undefined. 是否需要安装ag-grid enterprise？