jquery UI ordinabile con tavolo e larghezza tr



4 Answers

Penso che possa aiutare:

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

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?




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

Testato con jsfiddle.net/bgrins/tzYbU .




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.




Related