Динамически вставлять новые строки в таблицу - PullRequest
Новая
       12

Динамически вставлять новые строки в таблицу

2 голосов
/ 16 июня 2010 
<script type="text/javascript" language="javascript">
 function addNewRow()
 {
    var table = document.getElementById("table1");
    var tr = table.insertRow();
    var td = tr.insertCell();
    td.innerHTML= "a";

    td = tr.insertCell();
    td.innerHTML= "b";

    td = tr.insertCell();
    td.innerHTML= "c";

    td = tr.insertCell();
    td.innerHTML= "d";

    td = tr.insertCell();
    td.innerHTML= "e";
 }
</script>
<body>
    <table id="table1" border="1" cellpadding="0" cellspacing="0" width="100%">
        <tr id="row1">
            <td>1</td>
            <td>2</td>
            <td>3</td>
            <td>4</td>
            <td>5</td>
        </tr>
    </table>
    <input type="button" onClick="addNewRow()" value="Add New"/>
</body>

Этот пример предназначен для динамического добавления новой строки и ячеек в таблицу.Но его поведение отличается во всех браузерах.

  1. Internet Explorer = Добавляет строку в последнюю, а новые добавленные ячейки начинаются с первой.
  2. Chrome / Safari = Добавляет новую строкув первой и новые добавленные ячейки начинаются с конца.

  3. Mozilla Firefox = Не работает.

    Я хочу новую добавленную строку в последней, а новые добавленные ячейки начинаются с первойкак (Internet Explorer) во всех браузерах.

Если у вас есть какое-либо решение для того же поведения, пожалуйста, сообщите мне.

1 Ответ

3 голосов
/ 16 июня 2010

попробуйте использовать: 

var tr = table.insertRow(-1);

как сказано здесь:

https://developer.mozilla.org/en/DOM/table.insertRow

...