Tengo una tabla con el enésimo número de columnas. Quiero ocultar una columna en particular cuando el ancho total de la columna excede el ancho de la pantalla.

a continuación se muestra el diseño

a continuación se muestra el código

 let tableHeaderColumnList = $(".table-header__row") .children(); $(window).resize(function () { let screenWidth = window.innerWidth; let totalColumnWidth = 0; console.log(screenWidth); setTimeout(() => { for (let i = 0; i < tableHeaderColumnList.length; i++) { totalColumnWidth += tableHeaderColumnList[i].offsetWidth; if (screenWidth < totalColumnWidth) { $(tableHeaderColumnList[i]).addClass("hide-cell"); } else { $(tableHeaderColumnList[i]).removeClass("hide-cell"); } } }, 1000); });

el código anterior no funciona correctamente