jQueriUI sortable-> Faire de toute une colonne le placeholder
Bonjour,
j'ai besoin de pouvoir réorganiser les colonnes d'un tableau en glissant-déposant les cellules d'en-tête du tableau (pas les cellules de données). Jusque là, tout va bien.
Code:
1 2 3 4 5 6 7 8
| $( ".tablex thead tr" ).sortable({
containment: "parent",
placeholder: "placeholder",
helper: 'clone',
axis: 'x',
appendTo: '.tablex thead',
start: function(e, ui) {ui.helper.hide();}
}); |
Le seul problème c'est que je ne peux voir bouger pendant le déplacement que le placeholder de l'entête du tableau. Pas toute la colonne. Rien de surprenant, c'est le comportement par défaut de sortable.
Mais j'aimerais que le placeholder soit TOUTE la colonne (ou autre solution pour un même résultat). Cela n'est pas documenté et je n'ai trouvé aucune discussion sur le net à ce sujet.
Y-a-til un moyen d'y parvenir?
J'ai bien tenté ceci:
Code:
1 2 3 4 5 6 7 8 9 10
| $( ".tablex thead tr" ).sortable({
containment: ".tablex",
placeholder: "placeholder",
helper: 'clone',
appendTo: '.tablex',
start: function(e, ui) {
ui.helper.hide();
ui.placeholder.html('...recréer entièrement la colonne en html...');
}
}); |
Mais alors, si j'ai bien une colonne comme placeholder, elle est visuellement confinée à l'intérieur de la cellule d'en-tête que je bouge. Pas moyen de faire en sorte que la colonne s'affiche parmi les autres colonnes du tableau.
De l'aide serait apprécié.
Merci