工具提示样式文本隐藏在后面

Question

我正在创建一个数据表，其中我在每个单元格上都有工具提示/悬停。如果文本太大，工具提示似乎不会完全显示。我无法相应地设计它。任何人都可以帮我吗？

还是有更好的方法可以使用动态数据向DataTables添加工具提示

以下是JsFiddle

CSS：

.tooltip1 {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tooltip1 .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip1:hover .tooltiptext {
    visibility: visible;
}

JavaScript的：

for(var k=1;k<x.Data.length;k++){
    thisRow.push('<span class="tooltip1">' +x.Data[k].Value+ '<span class="tooltiptext">' + x.Data[k].Value+ '</span></span>');
  }

谢谢！