Chciałbym umieścić kod CSS do mojego stołu, ale nie chcę stylów w każdym rzędzie stołu. Mam następujący kod:

CSS:

.statetable th
{
    width: 250px;
    color: red;
    text-align: left;
}
.statetable tr
{
    width: 250px;
}

JavaScript:

function showState()
{       
    myTable = "<table class='statetable'><br><th><td>Type</td>";
    myTable += "<td>Value</td></th>";

    createRow("------------------", "------------");
    createRow("Layout", (document.getElementById("startradio").form.format == "Default"));
    myTable +="</table>";
    document.getElementById("tableHolder").innerHTML = myTable;
}

function createRow(type, value)
{
    myTable += "<table class='statetable'><tr><td>" + type + "</td>";
    myTable += "<td>" + value + "</td></tr>";
}

HTML:

 <input type="button" id="button" value="Click to show states" onclick="showState()"/>
 <div id="tableHolder"></div>

Styl nie działa jednak. Umieściłem moje th i tr i umieściłem z nimi CSS, ale nie jestem pewien, co robię źle.

0
user3767481 18 sierpień 2014, 17:13

1 odpowiedź

Kończysz się z więcej początku {X0}} Tagi, a następnie zamknięcia. Metoda createRow() nie powinna zwracać startowego znacznika <table>.

Również, .set szerokość na stole zamiast <tr> / <th>.

0
Ryan B 18 sierpień 2014, 13:32