La fonction jQuery redimensionnable mémorise la largeur avec le cookie mais s'applique à toutes les cellules

Question

J'ai créé une fonction pour me souvenir de la largeur et de la hauteur de redimensionnement de ma cellule de tableau. La jquery applique ce redimensionnement à toutes les cellules lors de mon retour à la page. Comment est-ce que j'irais seulement en appliquant cela au td qui a été initialement redimensionné?

DEMO - JSFIDDLE

Vous verrez dans la démo, si vous redimensionnez une cellule et rechargerez, la largeur et la hauteur seraient appliquées à toutes les cellules.

$(document).ready(function(){ 
    if(typeof($.cookie('height')!='undefined')) 
    { 
     $("td").height($.cookie("height")); 
     $("td").width($.cookie("width")); 
    } 
    $("td").resizable({ 
     stop: function(event, ui) { 
      var width = ui.size.width; 
      var height = ui.size.height; 
      $.cookie("height",height); 
      $.cookie("width",width); 
     } 
    }); 
}); 

Answer 1

J'ai ajouté une réponse dans ce jsFiddle.
JSFIDDLE - EXAMPLE

Vous devez avoir deux cookies supplémentaires de se rappeler row et column compte du dernier redimensionnée cell. Lorsque la page charge, nous obtenons le cell par [row, col] et appliquer les width et height.

Ici, j'ai appliqué width pour le column et height pour la ligne. Gardez à l'esprit que si vous modifiez la ligne height d'un cell, la hauteur totale de la ligne augmentera. C'est le comportement prévu de la table.

Ceci rappellera seulement les propriétés de la dernière cellule. Si vous voulez vous rappeler toutes les propriétés de la cellule une par une, vous devez utiliser un autre mécanisme comme localstorage avec un support d'un tableau.