Inserire una colonna in una tabella con jQuery

← jQuery e Javascript

Un metodo per inserire una colonna in una tabella HTML tramite comandi jQuery.

// Trova la tabella (modifica il selettore come necessario)
var $table = $("table");

// Trova l'indice della colonna con classe 'actions'
var actionsIndex = -1;

$table.find("thead tr th").each(function(i) {
    if ($(this).hasClass("actions")) {
        actionsIndex = i;
        return false; // interrompe il loop
    }
});

if (actionsIndex !== -1) {

    // Inserisci una nuova colonna nell'header
    $("<th>Nuova Colonna</th>")
        .insertBefore($table.find("thead tr th").eq(actionsIndex));

    // Inserisci una nuova cella in ogni riga del corpo
    $table.find("tbody tr").each(function() {
        $("<td>Valore</td>")
            .insertBefore($(this).children().eq(actionsIndex));
    });
}