Estoy usando la biblioteca de tablas de reacción. Normalmente tenemos desbordamiento de texto predeterminado: la regla CSS de puntos suspensivos cuando la longitud del texto es más grande que la entrada, agrega tres puntos al final de la celda.

Pero cuando uso el renderizador Cell personalizado de esa biblioteca; por alguna razón, solo permite el desbordamiento de texto: la regla de puntos suspensivos y los textos que se desbordan hacia la izquierda y hacia la derecha. Curiosamente, jugar con CSS para agregar esta regla en todas partes no funcionó ni siquiera en devtools. ¿Alguien tiene una idea?

 { Header: translateAndParseEventField('evaluation', t), id: 'evaluation', accessor: d => d.evaluation, Cell: (cell: CellInfo) => ( <div data-no-context> <span className={classes.evaluationToggle}> {cell.value} </span> </div> ), width: 150, style: { padding: '13px', textAlign: 'center', }, },