标签: ag-grid-angular

我正在尝试将垂直网格线添加到角度2的ag-Grid中（使其更像excel）。

我需要制作自定义主题（不使用 ag-theme-balham）吗？

有人有例子吗？

任何帮助，将不胜感激。

我将 ag grid 与 angularjs 一起使用，并且过滤器不适用于格式化数字。我使用带有货币值的格式化数字。

下面是columndef代码：

{ headerName:"GBO", field: "GBO", width: 200, editable:true, cellClass: "number-cell",filter:'agNumberColumnFilter',
    cellRenderer : function(params){
    if(params.value == "" || params.value == null)
    return '-';
    else return params.value;
    }
}

在将数据分配给网格之前，我使用以下方法格式化数字：

$scope.formatNumberOnly = function(num,c, d, t){
                //console.log(num );    
                    var n = getNumber(num);
                    //var n = this, 
                    c = isNaN(c = Math.abs(c)) ? 2 : c, 
                    d = d == undefined ? "." : d, 
                    t = t == undefined ? "," : t, 
                    s = n < …

我在我的应用程序中使用 ag-grid，并希望有一行具有单击时展开的子行（类似于主/详细信息、行分组或树数据）。然而，所有这些都是企业功能。有没有办法在没有企业许可证的情况下实现类似的功能？

• 行分组：https://www.ag-grid.com/javascript-grid-grouping/，
• 主/详细信息：https://www.ag-grid.com/javascript-grid-master-detail/，
• 树数据： https: //www.ag-grid.com/javascript-grid-tree-data/

我正在尝试右对齐 AgGrid 中的列标题。我知道如何使用IHeaderAngularComp实现自定义标头组件并提供我自己的模板，但是对于一些应该微不足道的事情来说，这似乎需要大量工作。

https://stackblitz.com/edit/angular-ag-grid-angular-ebvgjb

将价格列标题向右对齐以与单元格内容对齐

我正在使用以下库。

“ag-grid-角度”：“21.2.1”

“ag-grid-community”：“21.2.1”

我正在尝试使用 AG-Grid 和角度框架默认设置自动调整列大小。所以我与点击事件一起使用gridColumnApi.autoSizeColumns并且工作正常。但是当我尝试使用this.autoSizeAll()ngOnInit() 默认情况下设置自动调整列大小时，我收到此错误 Cannot read property 'getAllColumns'

我不知道默认情况下无需单击按钮即可自动调整列大小的最佳方法是什么？

<button (click)="autoSizeAll(false)">Auto-Size All</button>

<ag-grid-angular
    style="width: 900px; height: 700px;"
    class="ag-theme-balham"
    [rowData]="rowData"
    [defaultColDef]="defaultColDef"
    [columnDefs]="columnDefs"
    (firstDataRendered)="onFirstDataRendered($event)"
    (gridReady)="onGridReady($event)">
</ag-grid-angular>



ngOnInit(){
  this.autoSizeAll();
}

autoSizeAll() {

  const allColumnIds = [];
  // tslint:disable-next-line:only-arrow-functions
  this.gridColumnApi.getAllColumns().forEach(function(column) {
    allColumnIds.push(column.colId);
  });
  this.gridColumnApi.autoSizeColumns(allColumnIds);
}

onGridReady(params) {

  this.gridApi = params.api;
  this.gridColumnApi = params.columnApi;
  this.http
    .get(
      'https://raw.githubusercontent.com/ag-grid/ag-grid/master/packages/ag-grid-docs/src/olympicWinnersSmall.json'
    )
    .subscribe(data => {
      this.rowData = data;
    });
}
}

这是笨蛋

网格的默认布局ag-grid是我所说的“水平”（相对于行）：

• 列垂直布局，从上到下。
• 行“跨列”布置，即跨越地平线。
• 新行将附加到底部。

如图所示：

我需要在某些情况下“翻转”（又名“垂直”）网格，例如：

• 列水平布置。
• 行垂直布局，从上到下。
• 新行将附加到右侧。

如图所示：

这可能吗ag-grid？
我不认为他们的数据透视表适用于此，但也许我的思考不够有创意:)
这些网格正在 Angular 应用程序中使用。

根据文档：快速过滤器，快速过滤器适用于clientSide行模型。

我们正在为ag-gridserverSide使用行模型，并且我们需要对客户端（网格的缓存块中）的数据使用快速过滤器。

我虽然使用过滤器管道[rowData]="myRowData"，但对于这个行模型，我没有从 中获取任何数据myRowData。

例如，如果您查看这个 plunk服务器端行模型 - 快速过滤器，我已[rowData]="rowData"在标记中进行分配并将其初始化为[]。

从服务器加载初始块后，我假设应该可以使用它访问缓存块数据，以便使用角度管道，我将能够在客户端过滤掉数据（模仿行模型的快速过滤器serverSide）。就像我们以前在angularjs[rowData]="rowData | filter: filterText"中所做的那样

但我担心缓存数据无法通过rowData.

我们如何以某种方式将快速过滤器与具有serverSide行模型的 ag-grid 一起使用？

我试图通过使用网格API调用setColumnDefs来设置新的列定义。这不符合预期。列标题的名称将不再更新！

参见此Plunkr：19.1.x版

版本19.0.0是最新的工作版本。

看到这个Plunkr：版本19.0.0

对我来说，这似乎是一个错误！

在我的项目中，我使用的是Angular 5，我注意到相同的行为。

尝试使用Ivy在Angular 8应用程序中导入ag网格模块时遇到以下错误。

ERROR in There is no format with import statements in 'path_to_node_modules/node_modules/ag-grid-angular' entry-point.

如果我禁用常春藤，错误消失。有谁知道解决方法？

套件版本：

 "ag-grid-angular": "^21.0.0",
 "ag-grid-community": "^21.0.0",
 "ag-grid-enterprise": "^21.0.0",

这是我在文档和在线讨论中看到的经典示例，用于向单元格弹出列表提供“动态”项目列表。但这并不是真正的动态。所有的值和关系都是提前知道的，并被硬编码到源代码中。

cellEditor : 'agSelectCellEditor';
cellEditorParams: function(params) {
    var selectedCountry = params.data.country;
    if (selectedCountry==='Ireland') {
        return {
            values: ['Dublin','Cork','Galway']
        };
    } else {
        return {
            values: ['New York','Los Angeles','Chicago','Houston']
        };
    }
}

如果我正在经营一家不断扩张的业务，并且每月将新城市添加到我在不同国家/地区保持企业业务的列表中，该怎么办？我不能每次获得新客户时都给程序员打电话。我需要一种在运行时动态提供此列表的方法，其中包含从应用程序数据库中获取的一组值 - 提前未知。

这可以做到吗？

我在这里记录了我不成功的努力：

如何将 ag-Grid 下拉列表绑定到其值在运行时才知道的字符串数组？

如果您能在我的其他询问中在这里或那里帮助我回复，我将不胜感激！