Angular UI Grid conditional row expand

Question

I'm using Angular UI Grid and the ui-grid-expandable plugin. Is there a way to decide for each row, if the expand button (+) is displayed? By default it is always displayed, no matter if there is available data in the subgrid.

Thanks.

may be getTreeState() but it seems not working: ui-grid.info/docs/#/api/ui.grid.treeBase.api:PublicApi — Asqan
– Asqan, Commented Oct 13, 2015 at 9:10

imbalind · Accepted Answer · 2015-11-11 14:33:49Z

5

Sadly no, there is not an option for that as of now.

You can use the following to make things work as you wish:

remove default row headers by setting to false enableExpandableRowHeader
adding a custom row header by calling $scope.gridApi.core.addRowHeaderColumn

This way you can build your own logic. I did something like that in this plunkr.

If you need more info:

edited Nov 11, 2015 at 14:33

answered Nov 7, 2015 at 13:37

imbalind

1,1826 silver badges13 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

andrewkittredge · Accepted Answer · 2017-04-10 14:29:46Z

0

I have a pull request with UI-GRID that solves this.

You add a boolean to the subGridOptions called disableRowExpandable.

https://github.com/angular-ui/ui-grid/pull/6135/commits/83ade3445711e532f689d224904babfe92c7b45e

answered Apr 10, 2017 at 14:29

andrewkittredge

8807 silver badges13 bronze badges

Comments

Asher Ababa · Accepted Answer · 2017-11-05 12:49:19Z

0

Yes you can !

Add to subGridOptions object this option:

disableRowExpandable:(condition here).

answered Nov 5, 2017 at 12:49

Asher Ababa

12 bronze badges

Comments

DavidRomo · Accepted Answer · 2021-11-24 00:17:39Z

Just use the last version of UI GRID

https://cdnjs.cloudflare.com/ajax/libs/angular-ui-grid/4.11.0/ui-grid.min.js

Then use the property disableRowExpandable inside your subGridOptions

Here there a little example.

for (i = 0; i < response.data.result.length; i++) {
                    if (response.data.result[i].SubProcesos != null) {
                        response.data.result[i].subGridOptions = {
                            columnDefs: establecerColDefs(response.data.Rol),
                            data: response.data.result[i].SubProcesos,
                            disableRowExpandable: false

                        };
                    } else {
                        response.data.result[i].subGridOptions = {
                            columnDefs: [{ }],
                            data:[{}],
                            disableRowExpandable: true
                    };
                    }
                }

Collectives™ on Stack Overflow

Angular UI Grid conditional row expand

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related