Html div标记内的表溢出到div外

我想把表放在

div

标记中，但最后一部分的一半丢失了。 这是我使用的html结构

.dataTable{
表布局：固定；
}
.dataTable td{
空白：nowrap；
溢出：隐藏；
文本溢出：省略号；
}

引导示例
单位
接触
国家
阿尔弗雷德·福特基斯特
玛丽亚·安德斯
德国
莫特祖马商业中心
张锦松
墨西哥

试试这个：

.dataTable{
    table-layout: fixed;
    width: 100%;            
}

希望这对您有所帮助…

尝试一下：

 $(document).ready(function () {
        $('#YourTable').DataTable({
            "scrollX": true,
                 });
        });

---

尝试删除

溢出：隐藏尝试删除溢出：隐藏；我想它会在底部添加一个滚动条，如果您不想这样做，那么就减少其中一个columnsTry的宽度，以便为此提供JSFIDLE链接它超越了其他

td`sData，您在问题中使用的数据与图像中使用的数据量不同。3匹而不是5匹。你能在这个问题上创造一个有效的解决方案吗？这就是我得到的