Entonces, estoy trabajando en una función en la que necesito crear una tabla que tenga algunas columnas fijas y otras dinámicas. Como indica la pregunta, estoy usando el componente de tabla de diseño Ant .

En resumen, tengo una columna para las acciones, dentro de esta columna, relleno condicionalmente sus celdas con 2 o 3 botones, cada uno activando un proceso.

Ahora bien, estos botones, por defecto solo muestran el icono, sin embargo, al pasar el cursor sobre uno de ellos se expanden y así ocupan más espacio. Mi objetivo es encontrar una solución en la que el ancho de la columna se ajuste ( es decir, se expanda hacia la derecha ) de modo que todo el contenido quepa en la misma línea . Además, es un requisito que el espacio de la columna desde la izquierda y la derecha se mantenga al mínimo tanto como sea posible, por lo tanto, el ajuste del ancho.

Intentos:

• use la propiedad className e intente usar min/max-width, ancho con todas las propiedades y combinaciones: si usamos el "automático", desafortunadamente, el ancho será manejado por el diseño de hormigas
• use la propiedad de ancho en el objeto de columna

Aquí hay algunas imágenes adicionales, la primera (1) representa el objeto de la columna, mientras que la segunda (2) representa la tabla con sus propiedades

• (1)
• (2)

Si hay algo más que cree que podría proporcionar para aclarar más este problema, hágamelo saber, también, gracias de antemano por tomarse el tiempo para resolver este problema 👩‍💻👩‍💻