Ag-Grid Row Extension

Question

Im using Ag-grid to manage my table, but I want the row list to be stored in my group instead of making the row group expandable in 2 clicks, I want to be a single click. If I click on the arrow of the icon, it works, but if I click on the title bar, it will open only 2 clicks.

I already tried to find any information about this in the documentation, but I can not find anything.

Here is an example from the documentation. https://ag-grid.com/javascript-grid-tree/index.php

Image example:

Answer 1

You can listen to events either by line or by cell, and expand nodes accordingly.

, , :

onRowClicked: (params) => {
    // update the node to be expanded
    params.node.expanded = true; 
    // tell the grid to redraw based on state of nodes expanded state 
    gridOptions.api.onGroupExpandedOrCollapsed(params.rowIndex)
}

- , .

Answer 2

onGroupExpandedOrCollapsed, ...

, onGroupExpandedOrCollapsed.

onRowClicked(params) {
    params.node.setExpanded(!params.node.expanded);
}

, params.node.setExpanded(true), , .

Answer 3

In a column definition, you can use a function onCellClicked(params)to tell it to do something when you click a cell. I tried looking for an extension function, but I could only find expandAll()that I do not think you want. So I would just use jQuery or a simple DOM selection to click the extension icon inside this cell.

Answer 4

this one works

 onRowClicked(params) { 
    params.context.setExpand.onExpandClicked(params.rowIndex, params.node.rowHeight);
  }