barra de desplazamiento para una celda de tabla

¿Hay alguna manera de agregar una barra de desplazamiento a una etiqueta ‘td’? Tengo un contenido dynamic dentro de una etiqueta ‘td’. Quiero que el ‘td’ sea de tamaño fijo y si el contenido es más grande que el tamaño ‘td’, quiero que aparezca una barra de desplazamiento solo en esa celda en particular. ¿Hay una manera de lograr esto?

Si tu puedes hacerlo.

La forma más fácil es poner dentro de su celda un div que lo llene y establecer su propiedad de estilo de overflow .

CSS:

 div.scrollable { width: 100%; height: 100%; margin: 0; padding: 0; overflow: auto; } 

HTML:

 
Some content with a scrollbar if it's too big for the cell

Si desea que la barra de desplazamiento esté siempre visible, incluso cuando el contenido no esté recortado, reemplace auto con scroll en CSS.

Demostración

 
Your content here

http://jsfiddle.net/7T2S4/1/

Espero que esto ayude

Debería proporcionar “altura” o “ancho” del elemento div, para que se desplace en consecuencia. por ejemplo, desea aplicar Desplazamiento vertical (eje Y): –

 
Some content with a scrollbar if it's not fit in your customized container
div.scrollable { width:100%; height: 100px; margin: 0; padding: 0; overflow-y: scroll }