0

I have similar usecase as mentioned in HTML Entity for new line not working in IE10

<Column columnKey="status" header="Status" body={status} style={{ width: '150px', textAlign: "center" }} headerTooltipOptions={{event:"both", hideDelay: 1000 }} headerTooltip="Status for non-leaf nodes: count of healthy, unhealthy, warning and missing leaf nodes. &#10; &#13; Status for leaf nodes: health status."/>

The tooltip text need to have new line. I tried adding &#10; &#13; but it is not working.. I came across pre tag. But i am not sure about its usage.

I am using primereact. Column api : https://primereact.org/treetable/#api.Column

How to use pre in such scenario?

Thanks in advance.

1 Answer 1

0

Added below const and used it as reference

const tooltiptext = "Status for non-leaf nodes: count of healthy, unhealthy, warning and missing leaf nodes.\nStatus for leaf nodes: health status."

and used above as reference:

<Column columnKey="status" header="Status" body={status} style={{ width: '150px', textAlign: "center" }} headerTooltipOptions={{event:"both", hideDelay: 1000 }} headerTooltip={tooltiptext}/>

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.