在datatables表格中使用tooltip插件渲染数据,发现英文内容无法换行的问题

效果如图:

  

初始代码如下:

function generateTooltip(data) {                
  return
"<a href='#' class='link-black' data-placement='top' data-toggle='tooltip' title='" + data + "'>" + data + "</a>"; }

修改为如下代码解决:

function generateTooltip(data) {
    return "<a href='#' class='link-black' data-html='true' data-placement='top' data-toggle='tooltip' title='<div style=&quot;word-wrap:break-word&quot;>" + data + "</div>'>" + data + "</a>";
}

最终效果:

  

posted on 2017-04-20 16:25  逝水往昔拂流年  阅读(1517)  评论(0编辑  收藏  举报