Page 1 of 1

[ANGULAR] Introduce hyperlinks to grid's column values

Posted: Wed May 31, 2023 11:11 am
by abisht

There is a table, having one of the column named as OBC Count, I need to introduce hyperlinks to the count values that are there within the OBC Count. The hyperlink needs to route to an audit page.
I need to know how can we achieve this using Bryntum grid?

OBCCount value
OBCCount value
Screenshot 2023-05-31 at 2.37.01 PM.png (88.5 KiB) Viewed 167 times

Now on click the count if it is more than 0, We can route to another angular page i.e., the Audit.


Re: [ANGULAR] Introduce hyperlinks to grid's column values

Posted: Wed May 31, 2023 11:45 am
by tasnim

Hi,

You could use the renderer for this
You also need to set https://bryntum.com/products/grid/docs/api/Grid/column/Column#config-htmlEncode to false

            renderer(props) {
                // put your logic here
                return `<a href="https://google.com">${props.value}</a>`;
            }

Hope this would help.