Skip to content

Instantly share code, notes, and snippets.

@gaspardzul
Last active October 14, 2015 02:17
Show Gist options
  • Save gaspardzul/c60e6d6b06c8b0fa1b4d to your computer and use it in GitHub Desktop.
Save gaspardzul/c60e6d6b06c8b0fa1b4d to your computer and use it in GitHub Desktop.
Este gist te permitirá agregar columnas a tablas en HTML usando Jquery.
function addColumn(tabla,columna,num_colum_a_insertar){
/** Esta funcion inserta una columna html despues de una columna seleccionada
* tabla = la tabla que modificamos
* columna = es el indice de la columna en donde insertaremos una nueva columna
* num_colum_a_insertar = cuantas columnas se van a insertar despues de la columna seleccionada
* Created by gaspardzul on 8/10/15.
*/
$(tabla).find('tr').each(function(i,row){ // recorremos todas sus rows
var primer_td= $(row).find('td,th')[columna]; // obtenemos columna (por que insertaremos despues de esta)
if(primer_td.tagName=='TH'){
for(var i=0;i<=num_colum_a_insertar;i++){
//insertamos una cabecera despues de la primera cabecera
$('<th></th>').insertAfter(primer_td);
}
}else{
for(var i=0;i<=num_colum_a_insertar;i++){
//insertamos un valor despues del primer valor de la primera columna
$('<td></td>').insertAfter(primer_td);
}
}
});
}
@gaspardzul
Copy link
Author

Para usar esta funcion se requiere de jquery :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment