UI-GRID Expandable Grid. Programatically expand one row -


i want hide + icon in far left column , add icon.

when user clicks new icon want programatically expand specific row.

i see there gridapi.expandable.expandallrows();

is there way expand 1 row?

if want change default plus icon different icon, can override template expandablerowheader.

$templatecache.put('ui-grid/expandablerowheader',     "<div class=\"ui-grid-row-header-cell ui-grid-expandable-buttons-cell\"><div class=\"ui-grid-cell-contents\"><i ng-class=\"{ 'ui-grid-icon-plus-squared' : !row.isexpanded, 'ui-grid-icon-minus-squared' : row.isexpanded }\" ng-click=\"grid.api.expandable.togglerowexpansion(row.entity)\"></i></div></div>"   ); 

you can change ng-class=\"{ 'ui-grid-icon-plus-squared' : !row.isexpanded, 'ui-grid-icon-minus-squared' : row.isexpanded }\" , change them different icon of choice.


Comments

Popular posts from this blog

javascript - Bootstrap Popover: iOS Safari strange behaviour -

Website Login Issue developed in magento -

Can the constants be defined inside a model file of a framework in PHP? -