Cuando las líneas largas hacen que las tablas sean demasiado anchas, aquí se explica cómo solucionarlo (y hay un problema) No estoy seguro de cómo funciona esto en todos los navegadores, pero para mis propósitos estoy generando y publicando un informe en formato PDF, por lo que solo necesito que funcione en Google Chrome. Este mismo problema me ha dejado perplejo una y otra vez y juro que escribí sobre él aquí antes, pero ahora no puedo encontrarlo. Aquí está la cuestión. Finalmente me di cuenta de que estaba haciendo las cosas correctamente, pero creo que hay un error en Google Chrome. En mi caso, estoy imprimiendo URL o valores muy largos en solicitudes y respuestas HTML que hacen que una tabla sea demasiado ancha. He arreglado esto tantas veces y siempre olvido la combinación correcta para que funcione. Y me acabo de dar cuenta de que probablemente lo he estado haciendo bien todo este tiempo mientras me golpeaba la cabeza contra una pared. Esto es lo que debes hacer. Crea una clase CSS con las siguientes propiedades, definiendo el ancho de fila de tu tabla y luego agregando las propiedades que hacen que las líneas se ajusten si pasan tu ancho: .text{width:600px;display:inline-block;word-wrap:break-word;}Luego asigna esa clase a los datos de la tabla donde el texto está empujando tu tabla demasiado ancha:
| Este es mi texto supercalifragilístico, es decir, increíblemente largo, que no tiene saltos de línea y, por lo tanto, sobrepasa el final del ancho de la tabla. |
Deja una respuesta