ag-grid-angular相关内容
如何在AG-Grid中对标题为空的列进行排序? 正在传递的colDef: var columnDefs = [{ headerName: " ", sortable: true, suppressToolPanel: true, field: " " }]; 柱塞:https://plnkr.co/edit/ujdHr9UlcOuP3mHw7uam
..
我已经花了足够的时间来理解和实施,但似乎文档写得不是很清楚,或者我没能理解一些基本的东西. 使用 ag-grid-community 22.1.1,无法更改大量后端代码,因此在后端更改的建议将不起作用.我能看到的最佳选择是他们解释的无限行模型.ag-grid官方文档 如上图所示,如果我的后端 API 很慢并且返回数据很慢,这我无能为力,因为它反过来调用一些我无法控制的外部 api 返回
..
我有这个例子: https://embed.plnkr.co/iUrXZcG14lzhpD5Ofa3z/ 它显示了一个带有列的表,我需要的是构建一个搜索查找函数而不是默认的过滤器函数,以便: 如果输入全名michael,那么表格将被michael 过滤,或者如果我输入电话号码,那么michael 的名字将被michael 过滤.换句话说. 有一个映射数组: {关键:迈克
..
我在 Angular 8 中使用 refData 和 agSelectCellEditor 来在编辑时显示下拉值.我参考以下链接来解决我的问题:- https://www.ag-grid.com/javascript-网格参考数据/ 但是下拉列表数据是通过 HTTP GET 查询来自数据库.我在 agGrid 中使用“cellEditorParams",其中包含方法“extractVa
..
我想通过 cellRendererParams 对象将数据发送到我的 cellRenderer 组件,但我不知道如何为此访问行数据.这是我想要做的一个例子: cellRendererParams:{标签:currentRowData.myField + currentRowData.myOtherField} 我不希望我的 cellRenderer 组件知道网格的数据结构,因为我可能会在其他具
..
我遇到了一个问题,无法根据该行中的值设置行背景颜色.在我的情况下,它被称为 updateFlag,如果该行的值为 true,我想将行背景设置为默认白色以外的其他内容.让我更难弄清楚的是,我们以非常模块化的方法使用 ag 网格.我有一个 ag-grid-base.component,它通过 @inputs 完成每个网格的基本设置,并有一些 @outputs,如 onRowClickAction 等.
..
我想在单元格聚焦时显示一种弹出式单元格渲染器.假设,如果行高是 50 像素,当特定单元格被聚焦时,我想要一个高度大于 50 像素(例如 80 像素)的自定义单元格渲染器.我开发了一个自定义单元格渲染器,但只有适合单元格高度(50px)的内容可见,其余内容被截断.我尝试设置绝对定位、更高的 z-index 等,但没有任何效果.对于单元格编辑器,我们可以指定 isPopup(){ return tru
..
我正在尝试在 ag-grid 文档中重新创建此示例:https://www.ag-grid.com/javascript-grid-master-detail/ 我收到了这个错误,我不知道为什么.其他一切似乎都运行良好: ag-Grid:找不到 rowModelType 客户端的匹配行模型ag-Grid:未找到行模型“客户端".请确保使用以下方式加载 ClientSideRowModelM
..
我希望我的 AG-Grid 列具有垂直边框.默认情况下,网格行具有水平边框.我希望它模仿常规 Excel 电子表格的外观和感觉. 我尝试在列定义中使用单元格样式,如下所示: this.columnDefs = [{ headerName: 'Test', cellStyle: {'border-right-color': '#e2e2e2'}, field: 'test' }]; 这就行
..
在没有任何特定解决方案的情况下在SO中进行了大量搜索后,我不得不提出这个问题.我想要的是在单个组行上隐藏行组图标.如下图所示,我有一个只有一条记录的组行,该记录已显示在顶行中.我想隐藏那条记录上的折叠图标.仅当组行多于一个时显示折叠/展开图标. 参考AG-Grid Master-Detail Section,在此指定要展开的行.我在这里需要的相同功能. 我正在使用以下版本的 AG-Gr
..
我正在尝试右对齐 AgGrid 中的列标题.我知道如何使用 IHeaderAngularComp 并提供我自己的模板,但是对于一些应该是微不足道的事情,这似乎需要做很多工作. https://stackblitz.com/edit/angular-ag-grid-angular-ebvgjb 将价格列标题向右对齐以匹配与单元格内容的对齐 我正在使用以下库. "ag-grid
..
根据文档:快速过滤,快速过滤器适用于 clientSide 行模型. 我们为 serverSide 行模型rel="tag">ag-grid 并且我们需要对我们在客户端拥有的数据使用快速过滤器 - 在网格的缓存块中. 我虽然使用带有 [rowData]=“myRowData" 的过滤器管道,但使用此行模型,我没有从 myRowData 获取任何数据. 例如,如果您查看此 plun
..
在 ag-Grid 中,我想在像在 Gmail 中一样悬停一行时显示操作按钮.无论滚动位置如何,操作按钮都必须出现在网格的右端. 提到了一种方法https://blog.ag-grid.com/build-email-client-with-ag-grid-like-gmail/.他们在最后一列使用了 cellRenderer 并在“onCellMouseOver"发生时在其中显示按钮.只有
..
我正在使用 Ag-Grid 表格,我想在表格的页脚中显示总行数.我是如何通过使用 2 个表来实现它的,1 是用于实际数据,2 是用于总行. 它在普通的不可滚动表格上工作正常,但如果它是一个固定或可滚动的表格,则顶部表格会滚动,但底部表格会粘在同一个位置. 我想以相同的偏移量同时滚动两个表格. 有关更多详细信息,请查看下面的屏幕截图,其中包含总底部表格. 普通表: 您可
..
正如标题所暗示的,我将 ag-grid 与 Angular 一起使用,并且我使用了一个自定义类,该类实现了 IServerSideDatasource,用于从 API 获取数据,并将 rowModelType 设置为“serverSide". 问题是,当我将 headerCheckboxSelection 和 checkboxSelection 设置为 true 时,复选框选择出现在每一行旁
..
我正在用 angular 编写 Ag-grid 的单元测试用例. test.component.ts: public gridApi: GridApi;公共 gridColumnApi;构造函数(私人服务:服务){this.initializeAgGrid();//这个方法只是初始化网格}ngOnInit(): 无效 {this.setHraDashboardData();}onGridR
..
我想从未排序列中的标题单击中捕获事件,但我不知道如何做到这一点.如果我打开 onSortChanged 进行排序,就可以得到它,但是如果这样做,我将无法取消排序/关闭显示的箭头形式.有什么想法可以简单地抓住标题单击事件吗?谢谢. 解决方案 要获得预期的结果,请使用以下在标头单元格上使用addEventListener的选项 this.gridOptions =
..
我在ag-grid上设置了触发拖放事件的选项: this.gridOptions = {columnDefs:this.getColumnDefs(),rowDragManaged:true,onRowDragEnter:this.onRowDragEnter,onRowDragEnd:this.onRowDragEnd,... 我也有一个简单的服务 导出类myService {...公
..
我已经创建了一个AgGrid数据表,其中AgGrid单元包含一个自定义对象 该对象具有一些属性,例如名称,颜色,锁定等. 我正在使用customCellRenderer和customCellEditor 现在,我不得不将一个单元格数据复制到其他单元格数据中. 我尝试了AgGrid公开的以下方法 processCellFromClipboard = function(params){
..
我正在为数据表使用ag-grid.在测试事件firstDataRendered时,它根本不会触发,而gridReady会触发.我只是分配了一个基本功能fire(){console.log("HEY")}.有什么能阻止此事件的发生?
..