Cambiar tamaño de las celdas de una tabla de acuerdo al texto contenido

[mathdz]

Hola buen día a todos.

Tengo una tabla que al llenarla con un texto corto en cada celda se presenta bien, pero cuando se le agrega un texto mas extenso todo se agrupa por ejemplo.


Texto corto
--------
texto
--------

Texto largo
--------
texto
de
la
tabla
--------

El código css de mi tabla:

Código CSS:

table.pvcatlogstatus{
border-style:solid;
border-width:2px;
border-collapse:collapse;
width:100%;
table-layout: auto;
}
table.pvcatlogstatus td{
border-style:dotted;
border-width:1px;
width:100%;
}
table.pvcatlogstatus thead{
background:#F7D39B;
}
 

quiero que la tabla tome el tamaño de acuerdo al texto que contiene cada celda. Espero haberme explicado. Gracias Saludos...

[pzin]

No entendí. ¿A qué te refieres con que se agrupa?

[uriss]

El texto se extiende de acuerdo al tamaño de la tabla por lo que si tu tabla es muy pequeña el texto se agrupara como dices tu o se escribirá en columnas que es lo mismo. Podrías intentar "no" darle un tamaño definido a la tabla Y así las celdas se ajustan al contenido.

Osea quitar la linea de: width:100%;

También debes tomar en cuenta que el espacio que este definido para la tabla sea lo suficiente espacioso para que el texto se escriba correctamente.

Saludos.

[pzin]

Si agrupar significa saltos de linea como indica uriss, entonces puedes evitarlos especificando que esto no ocurra con:

Código CSS:

white-space: nowrap;