Hola chicos:
Estoy realizando una aplicacion que muestra elementos en una tabla y, dependiendo de lo que elija en un grupo de botones de radio una de estas filas debe mostrarse u ocultarse. A la fila que quiero mostrar y ocultar le puse el ID "filacosto" (o sea la etiqueta que denota la fila es: <tr id="filacosto">...</tr>).
El código para el boton de radio que oculta la fila es el siguiente:
Código HTML:
<input type="radio" name="opciones" id="opciones" onclick="document.getElementById('filacosto').style.display = 'none'" /> Hay un segundo boton de radio que tiene el mismo código en el evento onclick pero asigna "block" a la propiedad "display" del estilo de la fila.
La cosa funciona bien en Internet Explorer, pero en Firefox pasan 2 cosas:
- Se desajustan los anchos de las celdas, aparecen con el ancho ajustado al texto que contiene cada celda
- Cuando la fila la oculto (display: none) después de haberla mostrado, en la zona donde se mostraba la fila queda un hueco. Si continuamente muestro y oculto la fila el hueco se va haciendo más grande cada vez.
¿Cómo puedo arreglar esto?