Добавить столбец в таблицу с jquery - программирование

Добавить столбец в таблицу с jquery

Можно ли добавить столбец в существующую таблицу следующим образом:

<table id="tutorial" width="600" border="0">
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
</table>

с js?

4b9b3361

Ответ 1

вы можете сделать это

 $('#tutorial').find('tr').each(function(){
        $(this).find('td').eq(n).after('<td>new cell added</td>');
   });

n можно заменить числом, после которого вы хотите добавить новый столбец

Ответ 2

Вы можете использовать .append(), чтобы добавить новый td в строки

$('#tutorial tr').append('<td>new</td>')

Демо: Fiddle

Ответ 3

Вы имеете в виду столбец не row?

$('#tutorial tr').each(function()
{
    $(this).append('<td></td>');
});

Что выбирает элемент <tr> внутри id "tutorial" (это ваша таблица в этом случае) и добавляет новое содержимое за его исходное содержимое

Ответ 4

Альтернативным вариантом для вышеперечисленного является создание столбца вместе с другим и стиль display:none;, а затем с помощью method .Show() для отображения.