Я использую Bootstrap для отображения модального всплывающего окна, содержащего таблицу данных с использованием dataTables. В заголовке модального окна я хочу разместить кнопку «закрыть», но когда я это делаю, отображение таблицы данных заканчивается тем, что выглядит как дополнительный столбец, см. Изображение ниже.
С кнопкой закрытия:
![Table with close button in the header](https://i.stack.imgur.com/cPRw2.png)
без кнопки закрытия:
![Table without close button in the header](https://i.stack.imgur.com/72cMC.png)
Может кто-нибудь увидеть, почему это происходит,Код заголовка
<div class="modal-header-current-signage">
<div class="modal-title-current-signage" id="HideTitle" style="cursor:move">Current wayfinder overrides
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button></div>
</div>
Заранее большое спасибо за помощь и время.