ag-grid相关内容

在 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 其他开发

无法执行上下文菜单中的功能

我正在尝试调用上下文菜单中的函数. getContextMenuItems(params) {控制台日志(参数.节点.数据)变量结果 = [{name: "删除",动作:函数(){this.deletePriceFactor(params.node.data);},cssClasses: ["redFont", "bold"]},{名称:“审计"}]返回结果;}deletePriceFactor ..
发布时间:2021-10-26 17:52:48 其他开发

在 ag-grid 中隐藏列名?

是否可以隐藏 ag-grid 中的第一行(列定义)?我只想显示表格中的数据并排除列标题. 解决方案 您可以在组件上添加 headerHeight 属性并将其设置为 0 以隐藏标题.像这样: 看看这个 StackBlitz. ..
发布时间:2021-10-26 17:52:45 其他开发

如何检索 ag-grid 中的列索引?

在 ag-grid 中,当我想检索我使用的行索引时: params.node.id 但是,我找不到对列执行相同操作的方法.我所找到的只是检索 columnId,它指的是列定义中的字段变量. 即:如果这是列定义: {headerName: "checkButton 2",字段:“checkbuttonTwo",cellRenderer: "checkButtonComponent",宽度: ..
发布时间:2021-10-26 17:52:42 其他开发

在服务器分页/排序/过滤模式下将数据导出到CSV

我正在尝试导出 ag-网格数据到CSV. 问题是,在考虑paginationPageSize、maxBlocksInCache时,它仅导出可见数据OR从HTTP调用接收到的内存数据,cacheBlockSize 等.不是整个数据集. 我浏览了以下链接,但没有得到太多帮助. [export] 将客户端的所有页面导出为 CSV分页 agGrid数据导出 有什么办法可以做到这一 ..
发布时间:2021-10-26 17:52:39 其他开发

是否可以在 ag-grid 中打开和关闭自定义浮动过滤器?

是否可以在 ag-grid 中打开和关闭或显示和隐藏自定义浮动过滤器,例如,如果单击了按钮? 如果您初始化表格,则只有标题应该是可见的.然后在点击特定按钮后,标题下方的浮动过滤器也应该可见. 解决方案 试试这个: gridOptions.floatingFilter = !gridOptions.floatingFilter;gridOptions.api.refreshHeader( ..
发布时间:2021-10-26 17:52:36 其他开发

如何更改 Ag-grid 过滤器中的占位符文本?

我正在使用 Ag-grid,我只想更改过滤器的占位符文本.我需要使用自定义过滤器还是也可以通过其他方式完成.请帮助 下面是图片链接.在其中我试图为我需要更改的占位符显示“过滤器"文本. 解决方案 遗憾的是,默认文本过滤器的 ag-Grid 自定义选项非常差. 但是您可以通过简单的 DOM 操作来实现您的目标: Array.from(document.getElementsBy ..
发布时间:2021-10-26 17:52:33 其他开发

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 前端开发

如何在 ag-grid 中预设列过滤器

我有一个使用 ag-grid 的 Ionic/Angular 应用程序.我希望某些网格在加载网格时自动应用过滤器 - 无需用户执行任何操作. 我尝试了以下方法: onGridReady(params) {params.api.sizeColumnsToFit();//获取过滤器实例var filterComponent = params.api.getFilterInstance("isA ..
发布时间:2021-10-26 17:52:20 其他开发

Ag-Grid:如何保存和重新加载列顺序

使用 Ag-Grid,用户可以拖动列以按照自己喜欢的方式对其进行排序.我需要允许用户保存他们的列顺序(到 SQL 后端),以便它成为他们的默认列顺序.我试图获得这样的列名: var cols = schedGridOptions.columnApi.getAllColumns();for (col in cols) {var colDef = col.getColDef();console.lo ..
发布时间:2021-10-26 17:52:09 前端开发

如何隐藏AG-Grid中的列?

如何隐藏AG-Grid中的列,并且在工具面板中不显示... var columnDefs = [{ headerName: "Stone_ID", field: "Stone_ID", width: 100, hide: "true" }] 解决方案 可以设置suppressToolPanel 为 true 以实现该目的. var columnDefs = [{headerName: "S ..
发布时间:2021-10-26 17:52:06 其他开发

Ag-Grid Link 与单元格中的链接

我正在使用 ag-grid 构建 angular 4 应用程序,但我在尝试弄清楚如何在单元格中放置链接时遇到问题.有人可以帮我解决这个问题吗?谢谢 解决方案 请查看此演示 cellRenderer: function(params) {返回 '​​ ..
发布时间:2021-10-26 17:52:04 其他开发

VueJS - 如何在 ag-grid-vue 中自定义 columnDefs 的 headerName

我试图在新行中显示我的标题名称,但我无法做到. ag-grid-vue 版本:6.12.0 这是我尝试过但没有奏效的方法: defaultColDef:{可排序:真实,可编辑:真实,可调整大小:真实,抑制菜单:真},列定义:[{headerName: 'Average low ',//该值单行显示字段:'average_low',宽度:200,},{headerName: 'Aver ..
发布时间:2021-09-20 20:06:24 前端开发

在 Ag-Grid 中切换浮动过滤器?

我试图通过单击开关或按钮来确定浮动过滤器的显示.看起来很简单.我应该能够在 true 和 false 之间切换,将该值提供给网格选项中的浮动过滤器,然后刷新标题,对吗?不幸的是,网格似乎总是落后一步.当我第一次点击时,没有任何反应.当我将开关切换回 false 时是浮动过滤器出现的时候.浮动过滤器将继续出现(当开关为假时)和消失(当开关为真时).更奇怪的是,如果我切换浮动过滤器开关几次,然后尝试切 ..
发布时间:2021-09-20 19:43:21 前端开发

如何使用 ag-grid 禁用行?

我与 ag-grid 合作,我发现了如何在文档中禁用列(https://www.ag-grid.com/documentation-main/documentation.php)但在阅读文档后,我从来没有发现如何让 juste 一行被禁用. 我已经尝试过 editable: params =>params.data.active === true.也许我没有读对,或者那不存在.有没有人有一些 ..
发布时间:2021-09-20 18:51:01 前端开发