Потеря ширины 100% при переключении видимости стола

Question

Я установил начало своей таблицы следующим образом

<table class="table" width="100%" id="table_details['.$i.']" style="display:none">

И есть рабочая функция для переключения видимости этой таблицы.

function expand_table(selectVeld, nr)
{
    var div = document.getElementById('table_details['+nr+']');
    if (div.style.display !== 'none') {
        div.style.display = 'none';
        document.getElementById('table_details_glyp['+nr+']').className = "fas fa-angle-up pull-right";
    }
    else {
        div.style.display = 'block';
        document.getElementById('table_details_glyp['+nr+']').className = "fas fa-angle-down pull-right";
    }
}

Таблица должна нравиться, когда видна

По какой-то причине таблица не расширяется до 100% при ее отображении

Та же проблема возникает, когда я помещаю эту функцию в div и помещаю таблицу в этот div. Любые предложения, чтобы растянуть стол до 100%?

Answer 1

Если вы используете Bootstrap, вы можете использовать col-md-12 перед таблицей.

Если нет, пожалуйста, увеличьте ширину родительского div до 100%

.parentDiv
{
 width:100%;
 float: left;
}