HTML - кнопка автоматически изменяет размер таблицы - PullRequest
Новая
       36

HTML - кнопка автоматически изменяет размер таблицы

0 голосов
/ 11 апреля 2020

Я создал кнопку, которая показывает и скрывает таблицу, но при этом она изменяет размеры по сравнению с исходными настройками таблицы. Как я могу это исправить? 

<button onclick = "showBox()">Show Games</button>

            <TABLE id= "gameBox" style="display:none;" bgcolor="D9E9FF" BORDER="5"    WIDTH="50%"   CELLPADDING="2" CELLSPACING="1">

                <TR>
                    <TH COLSPAN="3"><BR><H3>Current Projects</H3>
                    </TH>
                </TR>
                <TR>
                    <TH>Name</TH>
                    <TH>Style</TH>
                    <TH>Engine</TH>
                </TR>
                <TR ALIGN="CENTER">
                    <TD>TBD</TD>
                    <TD>Turn Based</TD>
                    <TD>Unity</TD>
                </TR>
            </TABLE>

            <script>
                function showBox() {
                    var x = document.getElementById("gameBox");
                    if (x.style.display == "none") {
                        x.style.display = 'table-row';
                    } 
                    else {
                        x.style.display = "none";
                    }
                }
            </script>
...