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)"
    });
}