当表位于＆＃34;网格中时，tablesorter调整大小句柄位置不正确。元件

Question

请看这里的小提琴： http://jsbin.com/dusisi/6/edit?html,css,js,output

当我将一个tablesorter表添加到＆＃39;网格＆＃39;查看div，奇怪的东西 发生在专栏＆＃39;调整大小＆＃39;处理：它们不会出现在 正确的空间（列之间） 我强迫手柄上色“红色”，这样你就能看到它们的位置。

为什么句柄不在他们应该的位置的任何想法？

如果删除网格容器，则会正确放置调整大小手柄。

（我使用Chrome，版本64.0.3282.119（官方版）（64位））

$(function() {
  $("#tickettable thead").empty();
  $("#tickettable thead").append(
     " <tr >                    "
    + "  <th >Ticket #</th>     "        
    + "   <th >State</th>       "    
    + "  <th >Last Updated</th> "          
    + "  <th >Owner</th>        "  
    + "  <th >Product</th>      "   
    + "   <th >Summary</th>     "  
    + "   <th >Comment</th>     "     
    + " </tr> "
  );

  $("#tickettable").tablesorter({
    widgets: [ 'zebra', 'resizable', 'filter' ],
    theme: "blue",
    widgetOptions: {
    }

  });
});

enter image description here