Заголовок не выравнивается с телом после изменения размера контейнера

Question

У меня есть dataTable внутри div, и я буду называть его контейнером.У меня есть боковая панель слева, и пользователь может скрыть или показать боковую панель.По умолчанию боковая панель отображается, но когда пользователь скрывает боковую панель, контейнер увеличивает размер (ширину) и приводит к увеличению тела таблицы, но не заголовка, поскольку она имеет фиксированную ширину.Как я могу найти способ правильно выровнять заголовок с телом?Ниже будет вставлен некоторый код:

$("#myGrid").DataTable({
        "scrollY": '410',
        "scrollX": true,
        "destroy": true,
        "order": [],
        "autoWidth": true,
        "paging": false,
        "bInfo": false
    })

. Как вы заметили, заголовок - это другая таблица, поэтому простой ввод css width:100% таблицы действительно будет иметь тот же размер, что и таблица body, но столбцы не будут выровненыс заголовком.