Блог

Главная - Вопросы по программированию - Создатель таблицы Dynamics или creator

Создатель таблицы Dynamics или creator

#javascript #html #css

#javascript #HTML #css

Вопрос:

Если у меня есть таблица с 5 строками и 4 столбцами. но я должен добавить значения в следующей строке. зависимости, связанной с базой данных, нет.У меня есть кнопка ДОБАВЛЕНИЯ, и я хочу закодировать ее так, чтобы при каждом нажатии на кнопку ДОБАВЛЕНИЯ появлялось добавление новой строки……. Я имею в виду, что создание строк в таблице будет происходить динамически…

Может кто-нибудь показать мне какой-нибудь пример кода / ссылку наhttp://jsfiddle.net / или просто дайте мне любой URL, содержащий демонстрационный код для этого

Комментарии:

1. проверьте эту ссылку<br/> я написал эту статью, в которой объясняется, как создать table /tr / td с помощью javascript, используя различные методы и их сравнение.<br/> aspilham.blogspot.com/2011/01 /…

Ответ №1:

Смотрите этот учебник. В нем показано, как добавить новую строку и столбец.

Я не знаю, как это сделать на jsFiddle, но сделал одну демонстрацию на своей машине и выглядит следующим образом:

 <html>
<head>
<title>Demo</title>
<script>
    function appendRow(tblId)
    {
        var tbl = document.getElementById(tblId);
        var newRow = tbl.insertRow(tbl.rows.length);
        var newCell = newRow.insertCell(0);
        newCell.innerHTML = 'Hello World!';
    }
</script>
</head>
<body>
<table id="tabl" border="1">
    <tr>
        <td>Old one</td>
    </tr>
</table>
<input type="button" value="AddRow" onClick="appendRow('tabl')">
</body>

Ответ №2:

Это может быть полная помощь jQuery по добавлению строки в таблицу

Ответ №3:

Вот так:http://jsfiddle.net/dgMET/1

 var table = document.getElementById("table");
var row = table.insertRow(table.rows.length);
var cell1 = row.insertCell(0);
var cell2 = row.insertCell(0);