Voy a recrear el escenario ya que el codigo original esta hecho en jsp y seria muy largo para colocarlo aqui.
Esta es la tabla:
Código:
<html>
<head>
<title></title>
<style type="text/css" rel="stylesheet">
#container {
width: 1024;
border: 1px red solid;
}
</style>
</head>
<body>
<div id="container">
<table border="1">
<tr>
<td>123456789123456789</td>
<td>qwertyu</td>
</tr>
</table>
</div>
</body>
</html>
En este ejmplo se puede ver 2 celdas con diferentes contenidos cuyo ancho se adapta al contenidos de las celdas. El problema es que todos los datos que se muestran en la celda som recogidos desde una base de datos, asi que el ancho es variable y muchas veces el contenido es tanto que la tabla excede el tamaño del div que la contiene. Lo que quiero hacer es limitar la cantidad de caracteres que mostrara cada celda y asi pode utilizar un ancho determinado en las celdas para que la taba no exceda el tamaño del div contenedor.
Creo que con javascript se puede solucionar pero no se como.
Antemanos muchas gracias.