Estoy tratando de crear una lista con elementos que contengan información de la reunión, como el nombre, la ubicación y la fecha. un problema que se me ocurre dentro de REACT es que necesitaría una forma de determinar si la cadena debe agregar "..." al nombre de la reunión donde está truncado (si se desborda su contenedor). Los elementos se construyen con divs y p y se colocan en una cuadrícula.
La única solución que se me ocurrió es crear una gran cantidad de <div> ocultos que contengan el nombre del sujeto ingrese la descripción de la imagen aquí y luego cortarlo repetidamente hasta que la cadena y los tres puntos encajen en el contenedor.
Según la imagen de abajo, me gustaría que la cadena fuera "VENTAS Y MERCADO DE NIKEM...".
a continuación se muestra el css que uso en este momento para la celda:
.main-info { grid-area: main-info; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }