<br/>标记在表td的data-title属性中不起作用

Question

我想为响应数据表添加data-title属性。并且td数据标题包含break语句标记。但是break语句标记不起作用。下面是我的示例代码，

<td data-title='Goods<br>Code'></td>

我希望两行同时显示“商品”和“代码”。

Answer 1

我认为data-*属性仅支持字符串，而html代码对此无效，因此请尝试更改

<td data-title='Goods<br>Code'></td>

到

<td data-title="Goods\nCode"></td>

\ n作为新行

编辑

尝试添加data-html="true" 我看到这个答案，请检查一下 https://stackoverflow.com/a/13705417/5441049

或使用JQuery工具提示插件

https://www.w3schools.com/bootstrap/bootstrap_ref_js_tooltip.asp

Answer 2

这应该可以工作：

#table th, #table td{
    padding:0.8em;
    border: 1px solid;
}
#table th{
    background-color:#6699FF;
    font-weight:bold;
}

<table id="table">
  <tr>
        <th>ID</th>
        <th>Text</th>
       
    </tr>
 <tr>
        <td>1</td>
        <td title="Goods&#010;Code">Hover Me</td>
    </tr>
</table>

只需运行摘要并将鼠标悬停在“将我悬停”单元格上，您便会看到标题，如您所愿。

"
 is \r and 
 is \n
On Windows new line is 
 on unix 
"