fix #98 #99 and half of #100

.gitignore

@@ -1,3 +1,4 @@
 .idea
 compiled-docs/
-node_modules/
+node_modules/
+build/

dist/jquery.floatThead-slim.js

@@ -233,6 +233,10 @@
         'cellspacing': $table.attr('cellspacing'),
         'border': $table.attr('border')
       });
+      $floatTable.css({
+        'borderCollapse': $table.css('borderCollapse'),
+        'border': $table.css('border')
+      });
 
       $floatTable.addClass(opts.floatTableClass).css('margin', 0); //must have no margins or you wont be able to click on things under floating table
 
@@ -428,6 +432,14 @@
         };
       }
 
+      function floatContainerBorderWidth(side){
+        var border = $scrollContainer.css("border-"+side+"-width");
+        var w = 0;
+        if (border && ~border.indexOf('px')) {
+          w = parseInt(border, 10);
+        }
+        return w;
+      }
       /**
        * first performs initial calculations that we expect to not change when the table, window, or scrolling container are scrolled.
        * returns a function that calculates the floating container's top and left coords. takes into account if we are using page scrolling or inner scrolling
@@ -444,12 +456,15 @@
 
         var floatContainerHeight = $floatContainer.height();
         var tableOffset = $table.offset();
+        var tableLeftGap = 0; //can be caused by border on container (only in locked mode)
         if(locked){
           var containerOffset = $scrollContainer.offset();
           tableContainerGap = tableOffset.top - containerOffset.top + scrollingContainerTop;
           if(haveCaption && captionAlignTop){
             tableContainerGap += captionHeight;
           }
+          tableContainerGap -= floatContainerBorderWidth('top');
+          tableLeftGap = floatContainerBorderWidth('left');
         } else {
           floatEnd = tableOffset.top - scrollingTop - floatContainerHeight + scrollingBottom + scrollbarOffset.horizontal;
         }
@@ -497,13 +512,12 @@
           if(locked && useAbsolutePositioning){ //inner scrolling, absolute positioning
             if (tableContainerGap >= scrollingContainerTop) {
               var gap = tableContainerGap - scrollingContainerTop;
-              gap = gap > 0 ? gap : 0;
-              top = gap;
+              top = gap > 0 ? gap : 0;
             } else {
               top = wrappedContainer ? 0 : scrollingContainerTop;
               //headers stop at the top of the viewport
             }
-            left = 0;
+            left = tableLeftGap;
           } else if(!locked && useAbsolutePositioning) { //window scrolling, absolute positioning
             if(windowTop > floatEnd + tableHeight + captionScrollOffset){
               top = tableHeight - floatContainerHeight + captionScrollOffset; //scrolled past table
@@ -566,7 +580,7 @@
             setHeaderHeight();
           }
           var scrollLeft = $scrollContainer.scrollLeft();
-          if(oldScrollLeft != scrollLeft){
+          if(!useAbsolutePositioning || oldScrollLeft != scrollLeft){
             $floatContainer.scrollLeft(scrollLeft);
             oldScrollLeft = scrollLeft;
           }
@@ -694,4 +708,4 @@
     });
     return this;
   };
-})(jQuery);
+})(jQuery);