jQuery UI redimensionnable dans TH

Question

Je suis en train de faire une table avec le th de l'en-tête redimensionnable.

Ici, vous pouvez voir un exemple où j'essaie d'abord de redimensionner avec un div puis avec une table (ça marche très bien). Ensuite, j'essaye le redimensionnement avec le th d'une autre table. Rien ne se passe.

http://jsfiddle.net/UVsKp/

peut être redimensionnée de l'interface utilisateur de e en utilisant jquery ??

Answer 1

essayer avec:

html:

<table id="tblResize2"> 
    <thead> 
     <tr> 
      <th width="100px"><div>a</div></th> 
      <th width="100px"><div>b</div></th> 
     </tr> 
    </thead> 
    <tbody> 
     <tr> 
      <td>1</td> 
      <td>2</td> 
     </tr> 
     <tr> 
      <td>1</td> 
      <td>2</td> 
     </tr> 
     <tr> 
      <td>1</td> 
      <td>2</td> 
     </tr> 
    </tbody> 
</table>​ 

js:

$("#tblResize2 th div").resizable(); 

Answer 2

Je l'ai fait petit tweak pour forcer la taille du le pendant/après Redimensionner:

resize:function(event,ui){ 
     ui.helper.parent().css('width',ui.size.width+'px'); 
}