jquery UI ordinabile con tavolo e larghezza tr



Answers

Penso che possa aiutare:

.ui-sortable-helper {
    display: table;
}
Question

Sto usando jQuery UI ordinabile per rendere la mia griglia di tabella ordinabile. Il codice sembra funzionare bene ma poiché non sto aggiungendo la larghezza a td s, quando trascino il tr si riduce il contenuto.

Per esempio; se la mia fila di tabelle è di 500px quando inizio a trascinare, diventa 300px. Presumo che ciò accada perché non è definita alcuna larghezza nella griglia. Questo perché sto usando due classi per il td s ( fix e liquid ).

La classe fix rende il td uguale alla larghezza del contenuto e il liquid rende la larghezza del td 100%. È il mio approccio per la tabella della griglia senza dover assegnare la larghezza a td s.

Qualche idea su come rendere ordinabile il lavoro con il mio approccio?




La soluzione di Keith è soddisfacente, ma ha prodotto un po 'di devastazione in Firefox che non ha sommato le colspans ma le ha messe in pratica. (Il vecchio tipo di corda js nel ginocchio)

sostituendo questa linea:

 cellCount += colspan;

con:

 cellCount += colspan-0;

Risolve il problema. (Dato che js è costretto a trattare le variabili come numeri invece di stringhe)




Sembra disableSelection() - il metodo è cattivo e deprecato oggigiorno. Non riesco più a utilizzare gli input di testo nella riga ordinata in Mozilla Firefox 35.0 . Non è più focalizzabile.




Sembra che la clonazione della riga non funzioni bene su IE8, ma la soluzione originale lo è.

Testato con jsfiddle.net/bgrins/tzYbU .




Links