ag-grid相关内容
我正在寻找如何仅使用单元格编辑器启动 ag-grid 表格的解决方案.这意味着我不想点击行或单元格来编辑数据. 通过文档中的这个例子,我几乎找到了一个解决方案:整行编辑 这正是我正在寻找的.我可以以编程方式立即开始编辑.该示例的问题在于 onCellValueChanged 仅在键盘单击“输入"或单击下一行后才会触发.我需要一个在单元格更改后立即触发 onCellValueChanged
..
我遇到了一个问题,无法根据该行中的值设置行背景颜色.在我的情况下,它被称为 updateFlag,如果该行的值为 true,我想将行背景设置为默认白色以外的其他内容.让我更难弄清楚的是,我们以非常模块化的方法使用 ag 网格.我有一个 ag-grid-base.component,它通过 @inputs 完成每个网格的基本设置,并有一些 @outputs,如 onRowClickAction 等.
..
我想在单元格聚焦时显示一种弹出式单元格渲染器.假设,如果行高是 50 像素,当特定单元格被聚焦时,我想要一个高度大于 50 像素(例如 80 像素)的自定义单元格渲染器.我开发了一个自定义单元格渲染器,但只有适合单元格高度(50px)的内容可见,其余内容被截断.我尝试设置绝对定位、更高的 z-index 等,但没有任何效果.对于单元格编辑器,我们可以指定 isPopup(){ return tru
..
制作 ag-grid,为点击创建事件以将点击的数据(以及对它的一些操作)添加到第二个网格. 检查行数据时会推送值,但不显示. 如何更新第二个表?下面的代码,请&谢谢!! 解决方案 你应该设置行数据 -->gridOptions2.api.setRowData(a) 在你把对象放到你的 'a' 变量之后. https://plnkr.co/edit/mPJQpms0X6P
..
我正在构建一个带有 AgGridReact 的 React 功能组件: const DataGrid = (props) =>{const [gridRowData, setGridRowData] = useState([]);const [columnDefinition, setColumnDefinition] = useState([]);useEffect(async() =>{if
..
我正在使用 ag-grid 5.1.2我已经配置了一个 getRowStyle 函数来为某些项目设置背景颜色. I've noticed that has overridden the 'selected row' color now, so when a row is selected the background will not change to indicate as such.
..
我这里有一个非常基本的例子:https://stackblitz.com/edit/angular-ag-grid-angular-cwvpic?file=app/my-grid-application/my-grid-application.component.ts 在这个 ag-grid 中,我想打印哪一列点击并以何种方式排序.为此,我在官方文档中找到了方法 sortChange(eve
..
我一直在努力让 Ag-Grid 的外部过滤响应状态变化.当我更新 isExternalFiltered 时,doesExternalFilterPass 回调中 isExternalFiltered 的值不会改变.如果我向网格提供一个键来强制它重新渲染每次更新,它似乎可以工作,但会导致网格重新初始化的代价很高. 我还要注意,我已经尝试在过滤器更改时调用网格 api 的 onFilterCha
..
这个 https://stackoverflow.com/a/4255480/1375882is 关于使用带括号的表示法的好答案通过名称访问 Javascript 对象/数组的属性,它还展示了如何从嵌套数组访问嵌套属性或元素的示例. 我正在尝试使用相同的方法来访问使用展开 ... 运算符的构造中的属性/元素,例如: var foo = { a: 1, b: 2, c: {x: 999, y
..
我试图并排放置两个网格,但第二个网格会自动移到下一行. 我已将每个网格的宽度减少到 40%,并且还尝试将网格放置在 中,但我仍然无法显示彼此并排的网格. 解决方案 使用 flexbox 应该可以解决您的问题: .row {显示:弹性;}.柱子 {弹性:50%;填充:10px;高度:500px;}
..
我使用 Ag-grid 16.0 和 Angular 5. 我想隐藏数据透视组的数量. rowGroup: 真,cellRenderer:'agGroupCellRenderer',cellRendererParams:{suppressCount: false,//关闭行数} suppressCount: false 对我不起作用. 如何删除数据透视组的数量? 感谢您提前帮
..
在 ag-grid 中,我们有 'bodySroll' 事件来监听滚动.但我想知道用户在滚动时何时到达网格的最后一条记录. 有什么办法可以做到这一点吗? 谢谢 解决方案 你可以为保存你的 ag-grid 的 Div 添加 onScroll 监听器,然后你可以使用 gridApi.getLastDisplayedRow() 这给你当前的最后一行索引视口您可以使用此索引与当前网格上
..
在 Ag-grid-react 上对我的行进行排序后,拖放停止工作.在排序之前,拖放已全部设置并运行良好. postSort API 似乎没有实现我需要的东西,重置行甚至设置可拖动就像选择一样. postSort={nodes =>nodes.forEach(n => n.setRowSelectable(true))} 我也试过使用 postSort={nodes =>nodes.f
..
我正在尝试使用具有无限行模型和分页功能的网格来删除一行.我不确定如何删除特定行并更新内部模型而不必刷新网格(从而发出新的 ajax 请求). 我已经读过这个帖子:https://github.com/ag-grid/ag-grid/issues/193 显然我应该删除服务器上的行(我已经在做),然后调用刷新 api 但这会导致每次调用“getRows"函数和分页,另一个问题是分页不会更
..
我正在尝试在 ag-grid 文档中重新创建此示例:https://www.ag-grid.com/javascript-grid-master-detail/ 我收到了这个错误,我不知道为什么.其他一切似乎都运行良好: ag-Grid:找不到 rowModelType 客户端的匹配行模型ag-Grid:未找到行模型“客户端".请确保使用以下方式加载 ClientSideRowModelM
..
我在我的应用程序中使用 ag-grid.我想在同一页面上使用带有两个网格的网格选项的相同实例.ag-grid 只渲染其中一个网格,而将另一个网格留空. 这个 plnkr 显示了问题 http://plnkr.co/edit/4rRNRGbUoy8QhAhGadpQ?p=preview
..
我试图在父组件的数据更改时隐藏和取消隐藏 ag-grid 中的所有列.这是我的子组件 隐藏格式
..
我希望我的 AG-Grid 列具有垂直边框.默认情况下,网格行具有水平边框.我希望它模仿常规 Excel 电子表格的外观和感觉. 我尝试在列定义中使用单元格样式,如下所示: this.columnDefs = [{ headerName: 'Test', cellStyle: {'border-right-color': '#e2e2e2'}, field: 'test' }]; 这就行
..
在没有任何特定解决方案的情况下在SO中进行了大量搜索后,我不得不提出这个问题.我想要的是在单个组行上隐藏行组图标.如下图所示,我有一个只有一条记录的组行,该记录已显示在顶行中.我想隐藏那条记录上的折叠图标.仅当组行多于一个时显示折叠/展开图标. 参考AG-Grid Master-Detail Section,在此指定要展开的行.我在这里需要的相同功能. 我正在使用以下版本的 AG-Gr
..
我在 ag-grid 中使用主/细节.我想要在所有行之后的详细部分中有一个保存按钮.我可以使用模板来做到这一点,但它不会触发事件.我认为它只是一个模板,不适用于事件.你能建议我如何在详细部分添加按钮 这是我的代码 columnDefs: [{headerName: "公司名称",字段:“公司名称",cellRenderer:“agGroupCellRenderer"}],groupDefa
..