Lucía, miembro de este gran equipo de trabajo, nos hizo el favor de redactar esta sección ya que controla muy bien dicho tema.
Solución:
Una línea de código usando jQuery que oculta la segunda columna:
$('td:nth-child(2)').hide();
Si su tabla tiene encabezado (th), use esto:
$('td:nth-child(2),th:nth-child(2)').hide();
Fuente: ocultar una columna de tabla con una sola línea de código jQuery
jsFiddle para probar el código: http://jsfiddle.net/mgMem/1/
Si desea ver un buen caso de uso, eche un vistazo a la publicación de mi blog:
Oculte una columna de la tabla y coloree las filas según el valor con jQuery.
Me gustaría hacer esto sin adjuntar una clase a cada td
Personalmente, optaría por el enfoque de clase en cada td/th/col. Luego, puede activar y desactivar las columnas usando una sola escritura en className en el contenedor, asumiendo reglas de estilo como:
table.hide1 .col1 display: none;
table.hide2 .col2 display: none;
...
Esto va a ser más rápido que cualquier enfoque de bucle JS; para tablas realmente largas, puede marcar una diferencia significativa en la capacidad de respuesta.
Si puede salirse con la suya sin admitir IE6, puede usar selectores de adyacencia para evitar tener que agregar la clase attributes a tds. O, alternativamente, si su preocupación es hacer que el marcado sea más limpio, puede agregarlos desde JavaScript automáticamente en un paso de inicialización.
podrías usar colgroups:
Header 1 Header 2 Header 3 Column1 Column2 Column3 Column1 Column2 Column3 Column1 Column2 Column3 Column1 Column2 Column3
tu guión entonces podría cambiar solo el deseo
Comentarios y calificaciones
Tienes la opción de añadir valor a nuestra información dando tu experiencia en las explicaciones.