Html CSS：引导中的自定义工具提示'；s响应表类

我在引导的响应表中的自定义工具提示有问题

工具提示的内容将被表头截断。这似乎是因为

溢出：auto

。然而，我找不到更好的解决方案来保持表的响应性和工具提示的工作

这就是它在其他地方的样子

.custom-tooltip-hover {
    position: relative;
}

.custom-tooltip { /* hide and position tooltip */
    position: absolute;
    bottom: 100%;
    left: 0px;
    line-height: initial;
    visibility: hidden;
    z-index: 110;
    transition-delay: 0.33s;
    font-weight: initial;
    word-break: inherit; 
    white-space: normal;
}

.custom-tooltip.left {
    left: initial;
    right: 0px;
}

.custom-tooltip:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 12%;
    width: 0; height: 0;
}

.custom-tooltip.left:after {
    left: initial;
    right: 12%;
}

.custom-tooltip-hover:hover .custom-tooltip {
    visibility: visible;
    display: inline;
    transition-delay: 0.88s;
    -webkit-transition-delay: 0.88s; /* Safari */
}

.break-tooltip {
    word-break: break-all;
}

小提琴呢