Таблицы данных jQuery внутри custombox - диалог должен расширяться, но не

Question

У меня есть таблица, которая динамически загружается в пользовательский ящик. Затем я отображаю нестандартное окно с Custombox.open.

Проблема, с которой я столкнулся, заключается в том, что белый фон нестандартного окна покрывает только строку заголовка, игнорируя div, содержащий таблицу. Я попытался установить ширину и высоту с помощью jQuery, но я действительно хочу, чтобы белая область нестандартного окна расширялась, чтобы соответствовать размеру таблицы.

Я также пытался использовать fnDrawCallback, но без улучшения.

    var $table = $('<table/>');
      $table.attr("id",idd);

      $('#subComponentModalOverlayDiv').html("");
      $('#subComponentModalOverlayDiv').append($table);

      var tHead = '<thead><tr><th>Alert Status</th><th>Name</th</tr></thead>';
      var id = "#"+idd;

      $(id).append(tHead);

        var initCompleteTable = function(){

            Custombox.open({
                target: '#subComponentModalOverlay',
                effect: 'fadein'
            });

            filterAndSorter.initCompleteTable();
        };

      $(id).dataTable({ ...
          "fnInitComplete" : initCompleteTable,   

        <div id="subComponentModalOverlay" class="modal-demo">
            <button type="button" class="close" onclick="Custombox.close();">
                <span>&times;</span><span class="sr-only"></span>
            </button>
            <h4 class="title">Subcomponents</h4>
            <div class="notext" id="subComponentModalOverlayDiv"></div>
        </div>