Datatables. js Таблица сокращения скрывающих столбцов

Question

Я пытаюсь добавить скрытый столбец в мои данные. Я установил его в определениях столбцов, чтобы добавить класс CSS в последний столбец. Этот класс CSS просто устанавливает отображение на none, скрывая столбец. Похоже, что он работает, но почему-то сжимает мой стол. Почему он это делает?

var table = $('#myTable').dataTable({
"columns": [
      null,
      null,
      null,
      null,
      null,
      null,
      { className: "hide_column" },
    ]
});

.hide_column{
     display: none;
}


<table id="myTable" class="row-border">
                            <thead>
                                <tr class="bg-green">
                                    <th style="white-space: nowrap;">ID</th>
                                    <th style="white-space: nowrap;">Sub ID</th>
                                    <th style="white-space: nowrap;">Service Group</th>
                                    <th style="white-space: nowrap;">Field ID</th>
                                    <th style="white-space: nowrap;">Message</th>
                                    <th style="white-space: nowrap; width: 40%;">Instructions</th>
                                    <th>Field ID</th>
                                </tr>
                            </thead>
                            <tbody id="myTableBody"></tbody>
                        </table>