引导-工具提示中断td样式

Question

工具提示破坏td的宽度。

请看这个Fiddle片段http://jsfiddle.net/zhoujiealex/1d1bm9kc/

当鼠标悬停在表中被截断的文本上时，我想显示工具提示。

我重新写了这篇文章在截断的文本上显示引导工具提示

不同之处在于上面的post使用了<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"。

请参考这。