Fix performance issues with large tables

coffee/sortable.coffee

@@ -91,11 +91,19 @@ sortable =
           rowArray.push [value, row, position]
 
         rowArray.sort compare
-        tBody.appendChild row[1] for row in rowArray
+        # use document fragment for performance
+        # when sorting large tables (avoid recalculating styles)
+        fragment = document.createDocumentFragment()
+        fragment.appendChild row[1] for row in rowArray
+        tBody.appendChild fragment
       else
         rowArray.push item for item in tBody.rows
         rowArray.reverse()
-        tBody.appendChild row for row in rowArray
+        # use document fragment for performance
+        # when sorting large tables (avoid recalculating styles)
+        fragment = document.createDocumentFragment()
+        fragment.appendChild row for row in rowArray
+        tBody.appendChild fragment
 
       if typeof window['CustomEvent'] is 'function'
         table.dispatchEvent?(new CustomEvent 'Sortable.sorted', { bubbles: true })

package.json

@@ -5,12 +5,12 @@
   "author": "Adam Schwartz <adam.flynn.schwartz@gmail.com>",
   "license": "MIT",
   "devDependencies": {
-    "grunt-contrib-coffee": "~0.7.0",
     "coffee-script": "~1.6.3",
-    "grunt-contrib-uglify": "~0.2.4",
+    "grunt": "^0.4.5",
     "grunt-cli": "~0.1.9",
-    "grunt": "~0.4.1",
-    "grunt-contrib-watch": "~0.5.3",
-    "grunt-contrib-compass": "~0.5.0"
+    "grunt-contrib-coffee": "^0.7.0",
+    "grunt-contrib-compass": "^0.5.0",
+    "grunt-contrib-uglify": "^0.2.7",
+    "grunt-contrib-watch": "^0.5.3"
   }
-}
+}