Largeur de page lors du redimensionnement de la table HTML

Question

J'écris jQuery pour redimensionner une colonne de table (http://jsfiddle.net/ydTCZ/4/) qui est vraiment approximative, mais qui semble avoir les fonctionnalités dont j'ai besoin.

Le problème est que les colonnes ne peuvent pas être étendues après la largeur de la page. Par exemple, si vous redimensionnez une colonne, elle ne s'étendra que jusqu'à ce que la largeur de la page soit remplie.

Comment est-ce que ceci peut être fixé? Je voudrais qu'il n'y ait aucune limite sur le redimensionnement, et une barre de défilement pour apparaître si la largeur de la table dépasse la largeur de la page.

Answer 1

Essayez d'envelopper dans un div et redimensionnez la div ainsi que la table. J'ai mis à jour ton violon.

http://jsfiddle.net/ydTCZ/8/