Max initial width (#8)

* Initial commit

* Max Width Hint

Author: validide

README.md

@@ -1,5 +1,5 @@
 # Simple JavaScript resizable table columns
-Insipired by **[jquery-resizable-columns](https://github.com/dobtco/jquery-resizable-columns)**
+Inspired by **[jquery-resizable-columns](https://github.com/dobtco/jquery-resizable-columns)**
 ## This is still a work in progress
 
 ## Usage
@@ -21,25 +21,28 @@ new ResizableTableColumns(tableElement, {
 ```js
 var  options = {
   // boolean - The resize handle will span the entire height of the table
-  resizeFromBody: true;
+  resizeFromBody: true,
 
   // null or number - The minimum width any column in the table should have
-  minWidth: 40;
+  minWidth: 40,
 
   // null or number - The maximum width any column in the table should have
-  maxWidth: null;
+  maxWidth: null,
 
   // boolean - Should the minimum width take into account CSS rules?
-  obeyCssMinWidth: false;
+  obeyCssMinWidth: false,
 
   // boolean - Should the maximum width take into account CSS rules?
-  obeyCssMaxWidth: false;
+  obeyCssMaxWidth: false,
 
   // number - The maximum number off milliseconds between to pointer down events to consider the action a 'double click'
-  doubleClickDelay: 500;
+  doubleClickDelay: 500,
 
-  //data store provider (ex: https://github.com/marcuswestin/store.js)
-  store: null;
+  // data store provider (ex: https://github.com/marcuswestin/store.js)
+  store: null,
+
+  // null or number - The suggestion for how wide (in pixels) a cell might be in case the content is really wide.
+  maxInitialWidthHint: null
 }
 ```
 

dist/css/resizable-table-columns.css

@@ -58,13 +58,13 @@
 
 .rtc-wrapper .rtc-handle-container .rtc-handle {
   position: absolute;
-  width: 9px;
-  margin-left: -4.95px;
+  width: 6.5px;
+  margin-left: -3.575px;
   z-index: 2;
   cursor: col-resize;
 }
 
 .rtc-wrapper .rtc-handle-container .rtc-handle:last-of-type {
-  width: 6px;
-  margin-left: -6.6px;
+  width: 4.5px;
+  margin-left: -4.95px;
 }