bootstrap dataTable 滚动条滑到最右边表格标题和内容单元格无法对齐的问题

对这块比较不熟刚接触，花了4+5个小时，尝试各种解决方案，有更好的可以推荐我哦
//判断是否有滚动条
function hasScrolled(element, direction) {
    if (direction === 'vertical') {
        return element[0].scrollHeight > element.innerHeight();
    } else if (direction === 'horizontal') {
        return element[0].scrollWidth > element.innerWidth();
    }
}

// dataTables高度
if (hasScrolled($(".dataTables_scrollBody"), 'horizontal')) {
    $(".dataTables_scrollBody").css({
        "max-height": "calc(100vh - " + bpageHeight + ")",
        "width": "calc(100% + 17px)"
    });
} else {
    $(".dataTables_scrollBody").css({
        "max-height": "calc(100vh - " + bpageHeight + ")",
        "width": "calc(100% - 12px)"
    });
}