ag-grid 相关问题

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

我试图在父组件的数据更改时隐藏和取消隐藏 ag-grid 中的所有列。这是我的子组件我试图在父组件的数据更改时隐藏和取消隐藏 ag-grid 中的所有列。这是我的子组件 <template> <v-card> <v-card-title> <v-row no-gutters> <v-col class="text-right"> <v-btn color="blue" outlined @click="hideColumns">hide Format</v-btn> </v-col> </v-row> </v-card-title> <ag-grid-vue // ></ag-grid-vue> </v-card> </template> <script> //All imports of aggrid export default { name: "DetailsTable", props: { columnDefs: { type: Array, default() { return null; }, }, rowData: { type: Array, default() { return null; }, }, }, components: { "ag-grid-vue": AgGridVue, }, data() { return { agModule: AllModules, newRowData: [], gridApi: null, gridOptions: {}, }; }, watch: { rowData: function (newVal, oldVal) { this.newRowData = newVal; }, columnDefs: function (newval, oldval) { this.hideColumns(); }, }, methods: { hideColumns() { this.gridOptions.columnApi.getAllColumns().forEach((e) => { this.gridOptions.columnApi.setColumnVisible(e.colId, false); //In that case we hide it }); }, }, mounted() { this.newRowData = this.rowData; this.gridApi = this.gridOptions.api; }, }; </script> 在父组件中，每当在父组件中调用 api get 时，都会重新初始化 columnDefs and rowData get。现在再次更改 columnDefs，我想隐藏所有列。 setColumnsVisible() 接受一个数字作为参数，即 Column.colId。 getAllColumns()返回一个Column数组，所以你需要在这里使用for循环 const showAllColumn = () => { const allColumns = columnApi.getAllColumns().forEach((c) => { columnApi.setColumnVisible(c.getColId(), true); }); }; const hideAllColumn = () => { const allColumns = columnApi.getAllColumns().forEach((c) => { columnApi.setColumnVisible(c.getColId(), false); }); }; 使用方法 <button onClick={showAllColumn}>Show all columns</button> <button onClick={hideAllColumn}>Hide all columns</button> 实例通过新的更新，您可以执行以下操作： gridApi?.setColumnsVisible(gridApi?.getAllGridColumns(), true);

javascript vue.js ag-grid

回答 2 投票 0

如何防止ag-grid列自动调整大小

我正在使用带有服务器端行模型的ag-grid。列宽是通过显式调用 ag-grid api 设置的。但是当滚动时，随着网格加载更多行，列会自行调整大小。如何预防...

ag-grid ag-grid-react ag-grid-column

回答 1 投票 0

AG 网格：分页大小选择器未显示

我在 Next JS 中使用 AG Grid，并且遵循此文档： https://www.ag-grid.com/react-data-grid/row-pagination/ 一旦 AG 网格的分页处于活动状态，网格应显示分页...

reactjs next.js ag-grid

回答 1 投票 0

角度农业网格不适用于故事书

我想为我的 ag-grid 组件创建一本故事书。我已经尝试了其他角度分量所遵循的常用方法。但这似乎不起作用。常量元：元={...