由Qtip2工具提示从AJAX收到的HTML格式不正确

Question

我正在尝试显示从jsp中的qTip2工具提示中的servlet响应接收的格式化html。 ajax和工具提示正在工作，除了工具提示中显示的文本没有按照我的预期格式化。

从servlet收到的文本是这样的：

<table>
  <tr><td>Employee1</td><td>JobName1</td></tr>
  <tr><td>Employee2</td><td>JobName2</td></tr>
  <tr><td>Employee3</td><td>JobName3</td></tr>
</table>

表中的项目长度不同，它们显示在未格式化的工具提示中，如下所示：

FirstName001 LastName0001  JobName0001
FirstName0000000001 LastName001  JobName0001
FirstName1 LastName0000001  JobName0001

换句话说，文本似乎没有格式化为HTML表格。我在下面的代码中遗漏了哪些内容才能使其正常工作？

ajax和工具提示是在＆＃39; mouseenter＆＃39;对已经授予班级＆＃39; ajax_link＆＃39;的链接采取行动。我已经确认servlet正在按预期发回html。

jsp中的Ajax调用

 $(".ajax_link").mouseenter(function(e) {

     e.preventDefault();        //Stops link from changing the page
     var $this=$(this);         // needed to keep 'this' in scope below
     var link = $(this).attr('href');   

 $.ajax({ type: "GET",   
      url: link,
      cache: false,
      dataType : "html"

      }).done(function( html ) {                

    $this.qtip({
      content : {
         text : html
         },
      position: {
        my: 'top right',  // Position my top left...
        at: 'bottom left' // at the bottom right of...
                  },
       show: {
               ready: true,
               solo: true
              },
        hide: {
         event: 'mouseleave',
         delay: 1000,
         fixed: true
              },
         style: {
             classes: 'qtip-dark qtip-shadow'
        }
    });

  });    
});