TOGOUTECH

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

使用Ag-Grid,用户可以拖动列以按照自己喜欢的方式对其进行排序。我需要允许用户保存他们的列顺序(到SQL后端),以便它成为他们的默认列顺序。我试图像这样获取列名:varcols=schedGridOptions.columnApi.getAllColumns();for(colincols){varcolDef=col.getColDef();console.log(colDef.headerName);}这是我找到的用于设置header名称的示例,因此我尝试对其进行调整以获取header名称。但是我得到这个错误:JavaScriptruntimeerror:Objectdoesn

javascript - 从 ag grid angular 中取消选择选定的行

是否有任何网格api以编程方式取消选择ag-grid选定的行?我正在尝试对所选行执行一些操作,基本上是异步操作,之后我需要从网格中取消选择该行。 最佳答案 使用gripapi的deselectAll函数。成功了!this.gridOptions.api.deselectAll(); 关于javascript-从aggridangular中取消选择选定的行,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com

javascript - 尽管在 ag-grid 中使用了 sizeColumnsToFit,但不必要的水平滚动条出现了

我已将我的ag-grid版本从7.2.0升级到v14.2.0。当我将sizeColumnsToFit()api与onGridReady或onGridSizeChanged事件一起使用时,它可以工作,但它保留了不必要的水平滚动,可能是由于计算错误网格宽度。这个问题(?)也可以在ag-grid的官方示例中看到,https://www.ag-grid.com/javascript-grid-responsiveness/#example-example1对于以前的版本,这在没有任何水平滚动的情况下完全可以正常工作。当我手动调用$scope.gridOptions.api.sizeColumn

javascript - 如何将 AG 网格控件的标题中的文本居中?

如何将AG网格控件的标题中的文本居中?我曾尝试在列定义中使用cellstyle和cellclass,但这没有用。谢谢 最佳答案 我正在使用React,我只是将以下代码片段添加到我的表组件的.css.ag-header-cell-label{justify-content:center;}我正在覆盖ag-grid中的.css类,这是我通过devtools检查发现的,并发现它使用flexbox进行显示。参见示例(不是react,而是相同的概念):https://embed.plnkr.co/O3NI4WgHxkFiJCyacn0r/

javascript - 如何使用 Angular 将列标题包装在 ag-grid 中

我有一些栏目有四个词,即交易前跟进、交易后跟进,其中一些栏目有三个词。我尝试了下面的css将文本换行到多行。::ng-deep.ag-theme-material.ag-header-cell-label.ag-header-cell-text{white-space:normal;overflow-wrap:break-word;}HTML但列标题保持不变。我想将列标题文本换行到多行。有办法做到这一点吗?注意:我可以使用cellStyle:{'white-space':'normal'}来包装内容{headerName:'headername',field:'headerfield'

javascript - ag-grid 没有在函数内部填充?

我是agGrid的新手,如果您发现一些愚蠢的东西,请原谅我。所以在此之前,我在angularjs上使用KendoGrid,但我们想切换到其他一些网格,所以我们现在正在尝试agGrid。下面是aggrid的示例,它运行良好并且一切正常。但是,当我将我的网格选项移动到一个将在单击按钮时调用的函数中时,我收到了警告-未找到ag-Grid的网格选项。请确保属性ag-grid指向范围内的有效对象。我无法理解问题出在哪里,因为在此函数中,kendo网格选项工作正常并且kendo网格正在填充,但我不确定我在agGrid上做错了什么。请帮助我。functionabc($rootScope,$scope

javascript - 如何在 ag-grid 中获取过滤行?

我有一个ag-Grid带过滤选项。如何在ag-Grid中获取过滤后的行(非选中行)? 最佳答案 您可以为此使用forEachNodeAfterFilter(callback)API方法。参见https://www.ag-grid.com/javascript-grid-api用于所有可用的API调用,包括各种forEachXXX方法。 关于javascript-如何在ag-grid中获取过滤行?,我们在StackOverflow上找到一个类似的问题: http

javascript - JS网格性能对比

我使用angular-ui-grid(http://ui-grid.info/)来显示表格数据。总的来说,它很慢,所以我们决定使用ag-grid(https://www.ag-grid.com/)。对于常规大小的数据集,这具有更高的性能和更好的处理能力。但是,现在我们正在处理一些大小为100colsx10,000行(~1M单元格)的表格数据,并且网格的性能似乎很慢。我想知道是否有人使用过超网格(https://fin-hypergrid.github.io/core/2.0.2/)——它似乎“解决”了大列x大行的问题,并且在他们的演示中,在大型数据集上似乎更快(几乎是一个数量级)。怎么

javascript - 为单元格渲染器导出 ag-grid 中的数据

我正在使用ag-grid,我有一个列定义如下:{headerName:"Color",valueGetter:function(params){returnJSON.parse(params.data.color).name;},field:'color',cellRenderer:function(params){if(angular.isDefined(params.data)&&angular.isDefined(params.data.color)){varcolor=JSON.parse(params.data.color);return'';}},suppressMenu:

javascript - Ag-grid 在 Master/Detail 组件中设置自动高度

假设我们需要设置ag-grid组件的自动高度,只需将gridOptions设置为domLayout="autoHeight"即可轻松完成。这适用于单个组件,但对于高度可以扩展的主从(父/子)组件,这不起作用。同样的问题:https://github.com/ag-grid/ag-grid/issues/205我需要深入调整它的css,但仍然无法让它工作,样式引用:https://www.ag-grid.com/javascript-grid-styling/Ag网格DOM布局:https://www.ag-grid.com/javascript-grid-width-and-heigh
12