Hyperlinks in column cells stopped working recently

[dajavous]

I have been successfully using this very useful package, and until recently could implement hyperlinks in a column with the code:

gb.configure_column("ISSUE", headerName="ISSUE", cellRenderer=JsCode('''function(params) {return '<a href="https://thebcd.co.uk/issue_' + params.value + '" target="_blank">'+ params.value+'</a>'}'''), width=300)

which would result in a hyperlink to an address related to the cell value.

On editing a different part of of my app, I now find that instead of creating a hyperlink to the address, the html text is written to the screen instead:

<a href="https://thebcd.co.uk/issue_1" target="_blank">1</a>

rather than the hyperlink 1 to the address. Any help appreciated.

[PablocFonseca]

I'm checking this issue, please use the previous version meanwhile

[PablocFonseca]

Should be working in 0.3.2

I had to downgrade ah-grid-react to 6.2.0

[dajavous]

Thanks. All back with hyperlinks working in app. Regards, David Armstrong.

On Tue, 2 Aug 2022, 14:11 Pablo Fonseca, ***@***.***> wrote: Should be working in 0.3.2 I had to downgrade ah-grid-react to 6.2.0 — Reply to this email directly, view it on GitHub <#119 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AZ5KOMSQGP2HE7SR7Y272A3VXEM7FANCNFSM55EV7GMA> . You are receiving this because you authored the thread.Message ID: ***@***.***>

Pp

[rafaela00castro]

I'm using the new version (0.3.2), but the link still doesn't work. @dajavous did you do something different?
I can't use the previous version (0.2.3.post2) because in this version the nested grid isn't working.

[dajavous]

The full app listings (app.py and short.py) are in my public repository at https://github.com/dajavous/thebcd-public, with the apps at https://dajavous-thebcd-public-short-yihtck.streamlitapp.com/ and https://dajavous-thebcd-public-app-ztufun.streamlitapp.com/ - please note that only the hyperlink to issue 1 will work, as the real links in my private repository apps point to a separate paid membership site (so would result in a 404 message) - issue 1 is a dummy link to an existing page on a public site.

[rafaela00castro]

Thanks @dajavous for your reply. And links are working fine in the first grid, but I didn't have the same luck when I tried to add in the second grid (using nested grid).

@PablocFonseca do you have any workaround for that?

Code extracted from here.

    # provide Detail Cell Renderer Params
    "detailCellRendererParams": {
        # provide the Grid Options to use on the Detail Grid
        "detailGridOptions": {
            "rowSelection": "multiple",
            "suppressRowClickSelection": True,
            "enableRangeSelection": True,
            "pagination": True,
            "paginationAutoPageSize": True,
            "columnDefs": [
                {
                    "field": "callId", 
                    "cellRenderer": JsCode('''function(params) {return '<a href="https://www.google.com" target="_blank">' + params.data.callRecords.callId +'</a>'}'''),
                },
                {"field": "direction"},
                {"field": "number", "minWidth": 150},
                {"field": "duration", "valueFormatter": "x.toLocaleString() + 's'"},
                {"field": "switchCode", "minWidth": 150},
            ],
            "defaultColDef": {
                "sortable": True,
                "flex": 1,
            },
        },
        # get the rows for each Detail Grid
        "getDetailRowData": JsCode(
            """function (params) {
                console.log(params);
                params.successCallback(params.data.callRecords);
    }"""
        ).js_code,
    },

[dajavous]

Replacing the cellRenderer parameter with params.value works. See the code at:

https://github.com/dajavous/thebcd-public/blob/main/nestedgrids.py

and the app at:

https://dajavous-thebcd-public-nestedgrids-n11jj7.streamlitapp.com/

[rafaela00castro]

@dajavaus , thank you very much for your help. It's working, after I followed your kind instructions!!
Now I can see what my problem was :)