jQuery UI Sortable - Display as grid
#sortable { list-style-type: none; margin: 0; padding: 0; }
#sortable li { margin: 3px 3px 3px 0; padding: 1px; float: left; width: 100px; height: 90px; font-size: 4em; text-align: center; }
$(function() {
$("#sortable").sortable();
$("#sortable").disableSelection();
});
1
2
3
4
5
6
7
8
9
10
11
12
To arrange sortable items as a grid, give them identical dimensions and
float them using CSS.