ag-grid 相关问题

ag-Grid是一个客户端JavaScript网格，旨在与框架无关。它不依赖于任何框架，允许它与任何框架轻松集成。使用此标记可以解决与ag-Grid配置及其与其他工具集成问题相关的问题。

How to run python scirpt for event handling in st_aggrid package

我试过如下，但它给出了错误 def handle_click_event（事件）： st.write('你好世界') return JsCode("alert('clicked')") 我准备了以下函数来处理单元格点击事件

python ag-grid streamlit

回答 0 投票 0

AG Grid with Redux Toolkit Query?

我正在尝试将 AG Grid 服务器端模型与 Redux 工具包查询集成，但问题是我有更改的外部参数，但没有找到如何处理这个问题。我有分页/过滤器/排序...

reactjs ag-grid redux-toolkit rtk-query

回答 0 投票 0

将数据模拟到 AG-Grid 中并使用 React 测试库/Jest 进行测试

我正在尝试使用我的 AG Grid 模拟数据进行测试，但我找不到解决方案。我已经尝试了很多东西，并且已经为此工作了好几天。我正在尝试使用模拟数据来填充...

reactjs jestjs mocking ag-grid react-testing-library

回答 1 投票 0

ag-grid 中的合并标题

ag-grid是否可以使用以下格式：合并标题为空白名称两行名称的合并标头（“原始值”）父页眉居中（“带子页眉”）

ag-grid ag-grid-ng2 ag-grid-angular

回答 3 投票 0

ag-grid 表：垂直对齐：中间

我正在使用框架 ag-grid () 我已将行高更改为 50px。我正在使用框架 ag-grid () 我已将行高更改为 50px。 <div className="ag-theme-balham" style={{ height: '90vh', width: '100%', 'font-size': '18px', 'row-height': '50px' }} > <AgGridReact rowHeight={50} columnDefs={columnsTaenze} rowSelection={'multiple'} onFirstDataRendered={this.autoSizeAll} rowDragManaged={true} enableColResize={true} animateRows={true} rowData={this.props.tabledata} enableFilter={true} onRowDragEnd={this.onRowDragEnd}> </AgGridReact> </div> 可悲的是，我无法将单元格垂直居中。我试过换很多班，包括ag-cell。我试过的CSS： .ag-cell{ line-height: 50px; height: 100%; vertical-align: middle; } 但是单元格没有居中： //编辑/提示如果你想帮自己一个忙，你应该从 Tanstack NOT AG-GRID 公司切换到 react-table 您可以使用下面的 CSS。无需在 CSS 中使用硬编码值作为高度。 .ag-row .ag-cell { display: flex; justify-content: center; /* align horizontal */ align-items: center; } 看看这个 plunk：ag-grid: text-align vertically center 您可以将单元格样式设置为以下 cellStyle: { 'height': '100%', 'display': 'flex ', 'justify-content': 'center', 'align-items': 'center ', }, 这会很好用。以@Paritosh 的回答为基础... 您不必自己覆盖 ag-grid 样式。你可以在你自己的样式表中做这样的事情： .cell-vertical-align-text-left { display: flex!important; align-items: center; } .cell-vertical-align-text-right { display: flex!important; flex-direction: row-reverse; text-align: right!important; align-items: center; } 然后在您的 ag-grid 列定义中，在 cellClass 属性中使用您的自定义 css 样式。 var columnDefs = [ { headerName: "Alerts", colId: 'invoice_issues', editable: false, cellClass: "cell-border cell-vertical-align-text-right", valueGetter: showInvoiceIssues, autoHeight: true, } ] 将 ag-grid 升级到版本 28 后，我注意到垂直居中对齐丢失了。下面是保留text-overflow: ellipsis (...) and overflow: hidden CSS rules when the text exceeds cell width的解决方案在 ag-grid 版本 28.2.0 中测试 .ag-cell-wrapper { height: 100%; } 如果您在升级到 v28 后注意到与上述用户相同的问题，您可能需要调整 CSS/SASS 导入。不知道为什么这在变更日志中没有更明确。总之，您需要删除路径中的 /dist 部分：  <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/styles/ag-grid.css" />  <link rel="stylesheet" href="https://unpkg.com/[email protected]/styles/ag-grid.css" /> 参考： https://www.ag-grid.com/archive/28.0.0/angular-data-grid/global-style-upgrading-to-v28/ https://www.ag-grid.com/archive/28.0.0/angular-data-grid/global-style-upgrading-to-v28-css/

reactjs ag-grid

回答 5 投票 0

agTextColumnFilter 在旧版本的 ag-grid-enterprise 中的兼容性？

我继承了一些使用 ag-grid-enterprise v 4.1.4 的旧代码，我可以使用 enableFilter 进行列网格过滤，但是每当我尝试更改列的过滤器以使用 agTextColumnFi 时...

angular angularjs ag-grid

回答 0 投票 0

删除 ag-grid angular 中第一列的所有行的边界线？

我正在使用 ag-grid angular，我需要根据条件动态显示带有图标的特定列。我想在条件匹配时将此列显示在第 0 个位置...

javascript css angular ag-grid ag-grid-angular

回答 1 投票 0

使用 ag-grid 禁用特定列上的填充句柄

我在一个有角度的项目中使用 ag-grid。我只想在某些列上停用填充句柄，但我只看到带有 gridOptions 的全局配置。请帮我做。