问题标签 [ag-grid-vue]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - Vue Js,Ag-grid - :使用 cellStyle 或 cellRenderer 根据下拉值突出显示网格单元格
基本上,屏幕有 2 个下拉列表(v-select 多选)和下面的 ag-grid,我需要根据从下拉列表中选择的值突出显示单元格。
下拉菜单:
“选择分类帐”-(来自 api 的分类帐列表)和
“选择期间”(期初余额、期末余额、期末余额和期初余额)。
Ag-grid-vue 在下拉列表下方有 3 列 -
“分类帐清单”、“期初余额”和“期末余额”。
当从“选择分类帐”下拉列表中选择一个/多个值时,必须从“分类帐列表”列中突出显示相应的单元格,并且当在“选择分类帐”后选择“选择期间”时,分类帐行的相应单元格必须是根据所选值突出显示期初余额或期末余额或两者。我正在使用“cellStyle”并且能够突出显示分类帐列,但我无法弄清楚如何突出显示相应的单元格。
(下拉 2 必须使用选定的下拉 1 值来突出显示相应的单元格。
ag-grid - ag-grid-vue:中心列内容
版本:
如何将内容集中在单个列下?
请注意,我尝试了各种解决方案;都失败了。我在下面列出代码。以下是我尝试过的案例。
尝试类似于 rightAligned 的方法。
文档描述了如何将列配置为右对齐数字。IE:
leftAligned
直觉上,我猜想这centerAligned
会对单元格内容的水平对齐产生类似的影响。 没有。 这没有记录,显然不支持。
尝试细胞类。
然后我尝试设置一个自定义类,并尝试了适合普通收件箱内容以及弹性绑定内容的样式:
和:
或与:
没有。那也行不通。
尝试使用 ag-grid 提供的内置样式。
我使用其中一种内置样式成功地将列标题标签居中:
为了获得内容单元格的类似行为,我然后尝试了这个:
没有。 那也不行。
我们如何才能使整列居中?这是我的设置:
nuxt.js - nuxtjs ag-grid 主细节
我尝试在 nuxtjs 中使用 Ag-grid 主细节。
正如在文档中
导入组件
注册组件
初始化 detailCellRenderer 属性
农业网格
现在的 detailCellRendererVue.js 与文档中的相同
我收到警告 ag-grid-community.cjs.js?7fb8:16750 AG Grid:正在寻找组件 [myDetailCellRenderer] 但未找到。
AG Grid:找不到主详细信息的详细网格选项,请设置 gridOptions.detailCellRendererParams.detailGridOptions
ag-grid-enterprise.cjs.js?599e:49435 AG Grid:找不到主/详细信息的 getDetailRowData,请设置 gridOptions.detailCellRendererParams.getDetailRowData
并且细节组件不重。我究竟做错了什么?
ag-grid - 如何使用键盘选择整列(或行)
使用 ag-grid(在演示页面https://www.ag-grid.com/example.php上尝试)如何使用键盘选择整列?您可以按(在演示中)Shift 和向下箭头并一直向下,但这对于 1000 行是不实用的。一旦您按下 Control,选定的单元格就会成为最底部的单元格,但您会失去选择(就像没有按下 Shift 键一样)。
如果我在 Excel 中,我会选择一列中的顶部单元格,按 Control+Shift+向下箭头,整个列被选中,我现在可以执行 Control+C 进行复制。
我看过这篇文章,它添加了一个新的菜单项来做到这一点How to select column data in ag-grid。我知道我也可以为该操作分配一个快捷方式,但理想情况下,我需要一种使用 Control(Mac 上的 Command)键的键盘方式。
javascript - 如何将数组列表传回ag-grid(Vue)中的父组件
我正在使用 vue 中的 AG 网格。我有一个要求,我有两个使用 cellRendererFramework 呈现的复选框。我无法找到从行定义中收集复选框值的方法。在 ag-grid 中,我需要根据检查的行来选择行。
子组件:
父组件ag网格列定义:
ag-grid - 为什么我的侧边栏没有出现在 vue 的 ag-grid 中?
我有安装了许可证的企业版 ag-grid 并且似乎工作正常,但是无论我从 ag-grid 网站上的代码尝试什么实现,我的侧边栏都不会显示。企业分组工作正常,所有其他数据输入都显示正常。如果侧边栏为真或假或任何其他设置,则表格根本不会改变。
目前我有:
javascript - ag-grid:agRichSelectCellEditor 在最新版本 26.2.0 中无法正常工作
我们使用 agRichSelectCellEditor 来显示下拉选项。由于最新版本 26.2.0,如果用户不选择一个选项,它会显示一行而不是一个空单元格。请看下面的截图。
有谁知道如何解决这个问题?