ag-grid-angular相关内容

ag-grid-community:用于服务器端分页的无限行模型,社区免费版本 agGrid - 不像服务器端分页那样工作

我已经花了足够的时间来理解和实施,但似乎文档写得不是很清楚,或者我没能理解一些基本的东西. 使用 ag-grid-community 22.1.1,无法更改大量后端代码,因此在后端更改的建议将不起作用.我能看到的最佳选择是他们解释的无限行模型.ag-grid官方文档 如上图所示,如果我的后端 API 很慢并且返回数据很慢,这我无能为力,因为它反过来调用一些我无法控制的外部 api 返回 ..

如何使用 ag-grid CustomFilterComponent 构建查找搜索功能

我有这个例子: https://embed.plnkr.co/iUrXZcG14lzhpD5Ofa3z/ 它显示了一个带有列的表,我需要的是构建一个搜索查找函数而不是默认的过滤器函数,以便: 如果输入全名michael,那么表格将被michael 过滤,或者如果我输入电话号码,那么michael 的名字将被michael 过滤.换句话说. 有一个映射数组: {关键:迈克 ..

如何将 agSelectCellEditor 用于来自 Angular Grid 中数据库的下拉值

我在 Angular 8 中使用 refData 和 agSelectCellEditor 来在编辑时显示下拉值.我参考以下链接来解决我的问题:- https://www.ag-grid.com/javascript-网格参考数据/ 但是下拉列表数据是通过 HTTP GET 查询来自数据库.我在 agGrid 中使用“cellEditorParams",其中包含方法“extractVa ..
发布时间:2021-11-08 23:43:53 其他开发

如何根据 AG Grid Angular 中的值设置背景颜色列

我遇到了一个问题,无法根据该行中的值设置行背景颜色.在我的情况下,它被称为 updateFlag,如果该行的值为 true,我想将行背景设置为默认白色以外的其他内容.让我更难弄清楚的是,我们以非常模块化的方法使用 ag 网格.我有一个 ag-grid-base.component,它通过 @inputs 完成每个网格的基本设置,并有一些 @outputs,如 onRowClickAction 等. ..
发布时间:2021-10-26 17:53:51 其他开发

显示弹出类型的单元格渲染器

我想在单元格聚焦时显示一种弹出式单元格渲染器.假设,如果行高是 50 像素,当特定单元格被聚焦时,我想要一个高度大于 50 像素(例如 80 像素)的自定义单元格渲染器.我开发了一个自定义单元格渲染器,但只有适合单元格高度(50px)的内容可见,其余内容被截断.我尝试设置绝对定位、更高的 z-index 等,但没有任何效果.对于单元格编辑器,我们可以指定 isPopup(){ return tru ..
发布时间:2021-10-26 17:53:48 其他开发

如何设置 AG-GRID 列垂直边框的样式

我希望我的 AG-Grid 列具有垂直边框.默认情况下,网格行具有水平边框.我希望它模仿常规 Excel 电子表格的外观和感觉. 我尝试在列定义中使用单元格样式,如下所示: this.columnDefs = [{ headerName: 'Test', cellStyle: {'border-right-color': '#e2e2e2'}, field: 'test' }]; 这就行 ..
发布时间:2021-10-26 17:53:02 其他开发

如何在一行上禁用行组扩展功能?

在没有任何特定解决方案的情况下在SO中进行了大量搜索后,我不得不提出这个问题.我想要的是在单个组行上隐藏行组图标.如下图所示,我有一个只有一条记录的组行,该记录已显示在顶行中.我想隐藏那条记录上的折叠图标.仅当组行多于一个时显示折叠/展开图标. 参考AG-Grid Master-Detail Section,在此指定要展开的行.我在这里需要的相同功能. 我正在使用以下版本的 AG-Gr ..
发布时间:2021-10-26 17:52:59 其他开发

在 AgGrid 中右对齐列标题

我正在尝试右对齐 AgGrid 中的列标题.我知道如何使用 IHeaderAngularComp 并提供我自己的模板,但是对于一些应该是微不足道的事情,这似乎需要做很多工作. https://stackblitz.com/edit/angular-ag-grid-angular-ebvgjb 将价格列标题向右对齐以匹配与单元格内容的对齐 我正在使用以下库. "ag-grid ..
发布时间:2021-10-26 17:52:53 前端开发

如何在服务器端/无限行模型中使用快速过滤器?

根据文档:快速过滤,快速过滤器适用于 clientSide 行模型. 我们为 serverSide 行模型rel="tag">ag-grid 并且我们需要对我们在客户端拥有的数据使用快速过滤器 - 在网格的缓存块中. 我虽然使用带有 [rowData]=“myRowData" 的过滤器管道,但使用此行模型,我没有从 myRowData 获取任何数据. 例如,如果您查看此 plun ..
发布时间:2021-10-26 17:52:50 其他开发

ag-Grid - 在行悬停时显示按钮,就像在 Gmail 中一样

在 ag-Grid 中,我想在像在 Gmail 中一样悬停一行时显示操作按钮.无论滚动位置如何,操作按钮都必须出现在网格的右端. 提到了一种方法https://blog.ag-grid.com/build-email-client-with-ag-grid-like-gmail/.他们在最后一列使用了 cellRenderer 并在“onCellMouseOver"发生时在其中显示按钮.只有 ..
发布时间:2021-10-26 17:52:29 其他开发

如何在 ag-grid 表的页脚中启用或显示总行

我正在使用 Ag-Grid 表格,我想在表格的页脚中显示总行数.我是如何通过使用 2 个表来实现它的,1 是用于实际数据,2 是用于总行. 它在普通的不可滚动表格上工作正常,但如果它是一个固定或可滚动的表格,则顶部表格会滚动,但底部表格会粘在同一个位置. 我想以相同的偏移量同时滚动两个表格. 有关更多详细信息,请查看下面的屏幕截图,其中包含总底部表格. 普通表: 您可 ..
发布时间:2021-10-26 17:52:23 前端开发

Angular Ag-Grid-如何收集标题单击事件?

我想从未排序列中的标题单击中捕获事件,但我不知道如何做到这一点.如果我打开 onSortChanged 进行排序,就可以得到它,但是如果这样做,我将无法取消排序/关闭显示的箭头形式.有什么想法可以简单地抓住标题单击事件吗?谢谢. 解决方案 要获得预期的结果,请使用以下在标头单元格上使用addEventListener的选项 this.gridOptions = ..
发布时间:2021-04-06 20:48:24 其他开发

在AgGrid中复制对象的粘贴项不起作用

我已经创建了一个AgGrid数据表,其中AgGrid单元包含一个自定义对象 该对象具有一些属性,例如名称,颜色,锁定等. 我正在使用customCellRenderer和customCellEditor 现在,我不得不将一个单元格数据复制到其他单元格数据中. 我尝试了AgGrid公开的以下方法 processCellFromClipboard = function(params){ ..
发布时间:2021-04-06 20:28:25 其他开发