Bootstrap 4 如何在引导工具提示中添加标记表

我初始化对象如下

$('[data-toggle="tooltip"]').tooltip({
    container: 'body',
    html: true,
    title: function () {
        return '<u>text1</u><table class="table"><tr><td>text2</td></tr></table>';
    }
});

$（'[data toggle=“tooltip”]'）。工具提示({
容器：'主体'，
是的，
标题：功能（）{
返回“text1text2”；
}
});

但我只看到

文本1

。

---

是否可以在工具提示中插入表格？

我认为工具提示的内容已添加到要应用工具提示的元素的title属性中。要分解它，基本上你要做的是

<div data-toggle="tooltip" title="<u>text1</u><table class="table"><tr><td>text2</td></tr></table>">
Foo
</div>

$('[data-toggle="tooltip"]').tooltip();

表，th，td{
边框：1px纯黑；
}
希德姆先生{
显示：无
}

在这里盘旋
可乐
可乐
第1单元
细胞2

我发现了导致此问题的语句

您需要做的是在白名单中允许表中使用的所有元素（也是

tbody

，它不是由您的代码定义的，但似乎您需要它）。还可以看看这个，它是为一件府绸做的。之后，您可以在

工具提示

选项中再次使用此自定义白名单

我创建了一个：

var myDefaultWhiteList=$.fn.tooltip.Constructor.Default.whiteList；
myDefaultWhiteList.table=['class']；
myDefaultWhiteList.tbody=[]；
myDefaultWhiteList.tr=[]；
myDefaultWhiteList.td=[]；
$（'[data toggle=“tooltip”]'）。工具提示({
容器：'主体'，
是的，
白名单：myDefaultWhiteList，
标题：函数（）{return'text1text2'；}
});

试验