Tengo este proyecto: https://jsfiddle.net/5buqm78c/ El problema es que cuando aplico los filtros, la tabla se muestra con el estilo css incorrecto. Configuré la tabla min-with al 100 %, pero cuando aplico el filtro (botón de búsqueda), parece que la tabla ajusta automáticamente el ancho de las columnas para que coincida con el contenido de la columna, y no abarca el 100 %. No sé si es por el código JS o por el css.
.calendar-table { border-collapse: collapse; margin: 10px 0; font-size: 0.9em; font-family: sans-serif; min-width: 100% !important; box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); table-layout: fixed !important; }Gracias por la ayuda.
Cuando está mostrando la tabla, está usando display: block , en lugar de display: table . Esto significa que se comporta como un elemento de bloque cuando se muestra.
Cambia esto:
if (htmlShow.style.display === "none") { htmlShow.style.display = "block"; } else { htmlShow.style.display = "block"; }a esto:
if (htmlShow.style.display === "none") { htmlShow.style.display = "table"; } else { htmlShow.style.display = "table"; }