Links for dimension values

[David]

I'd like to be able to render links as a Dimension value where appropriate.

The Dimension display value is defined as 

displayValue: (item: any) => string

I can't use a jsx fragment here of if I attempt to return an '< a href....' it is html encoded and rendered as html.

Ideally I'd like to add a <Link component but would settle for an <a tag

Is this achievable?

[Filip]

Hello, David,

For rendering a link I can recommend providing a custom Cell. I have prepared a small runnable example that showcases this approach in action:

• https://stackblitz.com/edit/react-mbu6mz4n-r3tt3dqt?file=app%2Fcustom-cell.tsx

The same approach can be used to render the link conditionally per your needs. More information on Providing custom cells can be found in the following article:

• https://www.telerik.com/kendo-react-ui/components/pivotgrid/customization#providing-a-custom-component

Please let me know in case this is still not exactly what you are looking for and I will gladly assist further in achieving the desired functionality.

Regards,
Filip
Progress Telerik

[David]

Hi Filip,

Thanks for the response and example.

I'll have a look at modifying this to make the dimensions as opposed to measures clickable.