HTML 标签名称属性换行的 HTML 实体

Question

我有类似的用例，如 HTML 实体中提到的新行在 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."/>

工具提示文本需要换行。我尝试添加


 


但它不起作用..我遇到了 pre 标签。但我不确定它的用法。

我正在使用 primereact。列 api：https://primereact.org/treetable/#api.Column

如何在这种情况下使用pre？

提前致谢。

Answer 1

在下面添加

const

并用作参考

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

以上用作参考：

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