Frontfire DemoSorting
Vertical layout
Sortable list items:
- Item 1
- Item 2
- Item 3
- Item 4
- Item 5
- Item 6
- Item 7
- Item 8
Adding new items requires a function to be called with the added item. This adds the necessary event handlers to the new item.
Sortable table body rows:
| Column A | Column B | Column C | Column D |
|---|---|---|---|
| A1 Text | B1 | C1 | D1 |
| A2 | B2 Text | C2 | D2 |
| A3 | B3 | C3 Text | D3 |
| A4 | B4 | C4 | D4 very long text with more words |
| A5 | B5 | C5 | D5 |
Horizontal layout
A
B
C
D
E
F
G with extras
H
Regular grid layout
A
B
C
D
E
F
G
H
Irregular grid layout
Lorem
ipsum
dolor
sit
amet
consectetur
adipiscing
elit
Duis
ante
nibh
mattis
ut
efficitur
a
posuere
semper
quam
Vivamus
efficitur
dolor
at
diam
gravida
vitae
porttitor
turpis
venenatis
Fusce
convallis
metus
eget
gravida
pulvinar
Events
Lorem
ipsum
dolor
sit
amet
consectetur
adipiscing
elit
No event yet
Nested sortables
-
A
- A1
- A2
- A3
- A4
-
B
- B1
- B2
- B3
- B4
-
C
- C1
- C2
- C3
- C4