Добавить столбец в таблицу с помощью 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?

13 голосов | спросил The Masta 27 32013vEurope/Moscow11bEurope/MoscowWed, 27 Nov 2013 13:54:02 +0400 2013, 13:54:02

4 ответа


0

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

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

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

ответил Pranay Rana 27 32013vEurope/Moscow11bEurope/MoscowWed, 27 Nov 2013 13:57:24 +0400 2013, 13:57:24
0

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

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

Демонстрация: Fiddle

ответил Arun P Johny 27 32013vEurope/Moscow11bEurope/MoscowWed, 27 Nov 2013 13:56:03 +0400 2013, 13:56:03
0

Вы имеете в виду столбец, а не строку?

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

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

ответил passer 27 32013vEurope/Moscow11bEurope/MoscowWed, 27 Nov 2013 13:59:30 +0400 2013, 13:59:30
0

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

ответил Ivan Persiani 27 32013vEurope/Moscow11bEurope/MoscowWed, 27 Nov 2013 14:01:57 +0400 2013, 14:01:57

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132