Ответ 1
вы можете сделать это
$('#tutorial').find('tr').each(function(){
$(this).find('td').eq(n).after('<td>new cell added</td>');
});
n можно заменить числом, после которого вы хотите добавить новый столбец
Можно ли добавить столбец в существующую таблицу следующим образом:
<table id="tutorial" width="600" border="0">
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
с js?
вы можете сделать это
$('#tutorial').find('tr').each(function(){
$(this).find('td').eq(n).after('<td>new cell added</td>');
});
n можно заменить числом, после которого вы хотите добавить новый столбец
Вы можете использовать .append(), чтобы добавить новый td
в строки
$('#tutorial tr').append('<td>new</td>')
Демо: Fiddle
Вы имеете в виду столбец не row?
$('#tutorial tr').each(function()
{
$(this).append('<td></td>');
});
Что выбирает элемент <tr>
внутри id "tutorial" (это ваша таблица в этом случае) и добавляет новое содержимое за его исходное содержимое
Альтернативным вариантом для вышеперечисленного является создание столбца вместе с другим и стиль display:none;
, а затем с помощью method .Show()
для отображения.