Tengo una tabla cuyo table-layout es automático, ya que quiero que todas las columnas de la tabla ocupen espacio de acuerdo con su contenido mientras se carga por primera vez, sin embargo, no quiero que cambie el ancho de columna si el contenido cambia de la tabla. El escenario real es que se puede hacer clic en el encabezado de la tabla y al hacer clic en él, se ordena el contenido de la tabla según el orden asc/dsc de esa columna. Cada vez que ocurre la ordenación, los datos provienen del servidor según la lista completa de datos y en la tabla muestro las primeras 20 filas de esos datos. Por lo tanto, cada vez que ocurre una ordenación, llegan datos completamente nuevos. En este caso, incluso los datos están cambiando. No quiero que mi tabla cambie el ancho de columna. Entonces mi tabla debe mantener el mismo ancho de columna cuando se carga por primera vez.

Tengo la opción de usar table-laout fijo, pero mantendrá todas las columnas con el mismo ancho que no quiero. Lo que quiero es que el diseño de mi tabla sea automático en la carga inicial y luego se arregle incluso si hay un cambio de contenido. ¿Hay alguna forma de cambiar el diseño de la tabla dinámicamente después de la primera carga en Typescript o Javascript? o usando css podemos lograr esto?