Click here to Skip to main content
15,891,248 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
How can i add the image to header column in using wijmo grid in angular

What I have tried:

<wj-flex-grid-column
[header]="'ID'"
="" [binding]="'id'" [visible]="columnDefinitionsByBinding['id'].visible" [width]="80">
Posted
Updated 7-Oct-20 8:33am

1 solution

It would be easier and faster if you post these in grapecity forum, or atleast look there.

Based on reply to this query: Row header icon change in Edit mode of Wijmo5 Flex Grid | General Discussion | Wijmo 5 | GrapeCity Forums[^], it seems you can define an ineer html for header which can contain an image.

Seems following should workout, example:
JavaScript
initialized(flex: wijmo.grid.FlexGrid, args) {       
    flex.itemFormatter = function (panel, r, c, cell) {
        var editRange = panel.grid.editRange;
        if (panel.cellType == wijmo.grid.CellType.RowHeader) {                
                cell.innerHTML = "<img src='resources/collapsed.png' alt='image'/>";
                cell.innerText = "";
            }
        }
    }
}


I have not worked or I know of it, you need to try for such specific third party related queries and issues.
 
Share this answer
 

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900