Add multiple fixed columns, fix style bugs, remove throttle (henrybuilt#1)

* Update class names

* Add dev example

* Add deps

* Add multi fixed columns

* Add fullwidth x-scroll, fix example styles

* Fix width\height scrollbar padding

* Fix sticky columns widths, fix scrollbar using wrong table scroll position

* Fix cell height calculation

* Move to border-box height width sizing, add only real table width sizing

* Fix log

* Add end scroll event callback

* Fix deps, fix throttle, add on scroll

* Add handle scroll event on scroll content resize

* Fix visible scroll in firefox and ie

* Fix not full content scroll bar visible

* Add onScrollEnd event

* Fix performance for ie

* Remove throttles from scroll event for ie

* Sync two scrolls events

* Fix scroll init

* Fix readme

* Fix lint errors, fix package.json

Author: ditkachuk

README.md

@@ -6,15 +6,15 @@ Responsive and dynamically-sized fixed headers and columns for tables inspired b
 
 ## Features
 
-- Optional fixed column & header
+- Optional fixed columns & header
 - Responsive table dimensions (wrap it in any size container and it will fill that container)
 - Dynamic row height & column width (no need to specify width and height in pixels)
 - Rows and columns resize as content resizes
 - Custom cells (just make sure your custom cell has `display: table-cell` set)
 - Multiple tables per page
 - Scrollbars that are smooth and visible at all times
 
-Doesn't yet support: Multiple columns/headers, client side sorting, or IE <= 7.
+Doesn't yet support: Multiple headers, client side sorting, or IE <= 7.
 
 ## Getting Started
 
@@ -62,7 +62,7 @@ Default settings:
 ```javascript
 {
   stickyHeaderCount: 1,
-  stickyColumnCount: 1
+  stickyColumnsCount: 1
 }
 ```
 
@@ -75,7 +75,28 @@ Disable sticky header:
 Disable sticky column:
 
 ```javascript
-<StickyTable stickyColumnCount={0}>
+<StickyTable stickyColumnsCount={0}>
+```
+
+## Events
+
+Scroll event:
+
+```javascript
+<StickyTable onScroll={function(object) {}}>
+```
+
+Scroll event object:
+
+```javascript
+{
+  scrollTop: 0,
+  scrollHeight: 2304,
+  clientHeight: 259,
+  scrollLeft: 0,
+  scrollWidth: 27953,
+  clientWidth: 887
+}
 ```
 
 ## License

dist/Cell/index.js

@@ -103,7 +103,7 @@
       value: function render() {
         return _react2.default.createElement(
           'div',
-          _extends({}, this.props, { className: 'cell ' + (this.props.className || '') }),
+          _extends({}, this.props, { className: 'sticky-table-cell ' + (this.props.className || '') }),
           this.props.children
         );
       }

dist/Row/index.js

@@ -103,7 +103,7 @@
       value: function render() {
         return _react2.default.createElement(
           'div',
-          _extends({}, this.props, { className: 'row ' + (this.props.className || '') }),
+          _extends({}, this.props, { className: 'sticky-table-row ' + (this.props.className || '') }),
           this.props.children
         );
       }

dist/Table/index.js

@@ -103,7 +103,7 @@
       value: function render() {
         return _react2.default.createElement(
           'div',
-          _extends({}, this.props, { className: 'table ' + (this.props.className || '') }),
+          _extends({}, this.props, { className: 'sticky-table-container ' + (this.props.className || '') }),
           this.props.children
         );
       }