bootstrap - 工具提示中断td风格

Question

工具提示打破了td的宽度。

请参阅此小提琴代码段http://jsfiddle.net/zhoujiealex/1d1bm9kc/

我想在鼠标悬停在表格中的截断文字时显示工具提示。

我引用了这篇文章Show Bootstrap Tooltip Over Truncated Text

不同之处在于上面的帖子使用<div>嵌入<td>。

在我当前的项目中，旧代码直接使用<td>。 工具提示可以显示，但它会打破表格的宽度。它很有线。

没有工具提示

工具提示显示：

任何人都可以向我展示正确的方向吗？

Answer 1

只需在代码中添加container: 'body'

即可

$this.tooltip({
   title: $this.text(),
   placement: "bottom",
   container: 'body'
});

检查出来：http://jsfiddle.net/zhoujiealex/1d1bm9kc/

阅读更多：http://getbootstrap.com/2.3.2/javascript.html#tooltips

Answer 2

您可以在a中使用span或td标记，并对其应用工具提示/弹出窗口。 这不会打破你桌子的tds。

或者只使用内置解决方案tooltip-append-to-body="true"

请参阅this。