jquery.dgtable 0.6.0 → 0.6.1

package/dist/jquery.dgtable.umd.js

@@ -1,5 +1,5 @@
 /*!
- * jquery.dgtable 0.6.0
+ * jquery.dgtable 0.6.1
  * git://github.com/danielgindi/jquery.dgtable.git
  */
 (function (global, factory) {
@@ -7422,7 +7422,7 @@
     /**
      * @private
      * @field {number} estimatedRowHeight */
-    o.estimatedRowHeight = options.estimatedRowHeight === undefined ? 40 : options.estimatedRowHeight;
+    o.estimatedRowHeight = options.estimatedRowHeight || undefined;
 
     /**
      * @private
@@ -7684,7 +7684,7 @@
       autoVirtualWrapperWidth: false,
       virtual: true,
       buffer: o.rowsBufferSize,
-      estimatedItemHeight: o.estimatedRowHeight || 40,
+      estimatedItemHeight: o.estimatedRowHeight ? o.estimatedRowHeight : p.virtualRowHeight || 40,
       itemElementCreatorFn: function itemElementCreatorFn() {
         return createElement('div');
       },
@@ -10620,6 +10620,41 @@
 
     var tableClassName = o.tableClassName;
 
+    // Calculate virtual row heights
+    if (o.virtualTable && !p.virtualRowHeight) {
+      var createDummyRow = function createDummyRow() {
+        var row = createElement('div'),
+          cell = row.appendChild(createElement('div')),
+          cellInner = cell.appendChild(createElement('div'));
+        row.className = tableClassName + '-row';
+        cell.className = tableClassName + '-cell';
+        cellInner.innerHTML = '0';
+        row.style.visibility = 'hidden';
+        row.style.position = 'absolute';
+        return row;
+      };
+
+      var $dummyTbody,$dummyWrapper = $('<div>').
+        addClass(that.el.className).
+        css({ 'z-index': -1, 'position': 'absolute', left: '0', top: '-9999px', width: '1px', overflow: 'hidden' }).
+        append(
+        $('<div>').addClass(tableClassName).append(
+        $dummyTbody = $('<div>').addClass(tableClassName + '-body').css('width', 99999)));
+
+
+
+      $dummyWrapper.appendTo(document.body);
+
+      var row1 = createDummyRow(),row2 = createDummyRow(),row3 = createDummyRow();
+      $dummyTbody.append(row1, row2, row3);
+
+      p.virtualRowHeightFirst = Css.getElementHeight(row1, true, true, true);
+      p.virtualRowHeight = Css.getElementHeight(row2, true, true, true);
+      p.virtualRowHeightLast = Css.getElementHeight(row3, true, true, true);
+
+      $dummyWrapper.remove();
+    }
+
     // Create inner table and tbody
     if (!p.$table) {