Aggiungi colonna a tavola con jQuery

Question

E 'possibile aggiungere una colonna a una tabella esistente in questo modo:

<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> 

con js?

Answer 1

si può fare in questo modo

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

n può essere sostituito dal numero dopo quale colonna vuoi aggiungere nuova colonna

Answer 2

È possibile utilizzare .append() per aggiungere un nuovo td alle righe

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

Demo: Fiddle

Answer 3

Vuoi dire colonna non riga?

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

che seleziona l'elemento <tr> all'interno id "tutorial" (questo è il vostro tavolo è questo caso) e aggiungere i nuovi contenuti dietro i suoi contenuti originali

Answer 4

Un'opzione alternativa a quelle sopra è quello di creare la colonna insieme con l'altro e uno stile di display:none; e quindi utilizzando lo method .Show() da visualizzare.