V2

Author: validide

README.md

@@ -5,7 +5,47 @@ Inspired by **[jquery-resizable-columns](https://github.com/dobtco/jquery-resiza
 [![npm version](https://img.shields.io/npm/v/@validide/resizable-table-columns)](https://www.npmjs.com/package/@validide/resizable-table-columns)
 
 ## Usage
+
 ### Basic
+- Add the `resizable-table-columns.css` file to the page.
+- Add the `bundle/index.js` file to the page.
+- Optionally add a store library
+- Add the HTML table markup
+- Create a new instance of the resizable table like below
+
+
+``` html
+
+  <table class="data" data-rtc-resizable-table="table.one">
+      <thead>
+          <tr>
+              <th>No.</th><!-- THIS COLUMN WILL NOT BE RESIZABLE -->
+              <th data-rtc-resizable="name">Name</th>
+              <th data-rtc-resizable="country">Counrty</th>
+              <th data-rtc-resizable="region">Region</th>
+              <th>City</th><!-- THIS COLUMN WILL NOT BE RESIZABLE -->
+              <th data-rtc-resizable="street">Street</th>
+              <th data-rtc-resizable="post-code">Post Code</th>
+              <th data-rtc-resizable="last-update">Last updated</th>
+              <th data-rtc-resizable="uuid">UUID</th>
+          </tr>
+      </thead>
+      <tbody>
+          <tr>
+              <td>1</td>
+              <td>Eugenia</td>
+              <td>Serbia</td>
+              <td>MN</td>
+              <td>Minneapolis</td>
+              <td>Ap #207-8285 Nibh Rd.</td>
+              <td>41754</td>
+              <td>2017-11-15T16:52:00-08:00</td>
+              <td>E212DAC2-220E-9589-D96A-3B58242E9817</td>
+          </tr>
+      </tbody>
+  </table>
+
+```
 
 ```js
 //will use the default options
@@ -16,6 +56,12 @@ new ResizableTableColumns(tableElement, {
   resizeFromBody: false,
   store: store
 });
+
+// The store needs to implement the following interface
+interface IStore {
+  get(id: string): any;
+  set(id: string, data: any): void
+}
 ```
 
 ### Default configuration options
@@ -42,7 +88,7 @@ var  options = {
 ```
 
 ## Supported Browsers
-IE 10 and above
+All modern browsers are supported. IE and older browsers might require polyfills for the library to work.
 
 ## Demos
 *  [Demo](https://validide.github.io/resizable-table-columns/dist/samples/index.html)

dist/js/bundle/index.js

@@ -1,10 +1,14 @@
+export interface IStore {
+    get(id: string): any;
+    set(id: string, data: any): void;
+}
 export declare class ResizableOptions {
     resizeFromBody: boolean;
     minWidth: null | number;
     maxWidth: null | number;
     maxInitialWidthHint: null | number;
     doubleClickDelay: number;
-    store: any;
+    store: IStore | null;
     constructor(options?: null | object, element?: null | HTMLElement);
     overrideValues(options?: null | object): void;
     overrideValuesFromElement(element?: null | HTMLElement): void;

dist/js/bundle/index.js.map

@@ -8,8 +8,6 @@ export declare class Utilities {
     static falseRegex: RegExp;
     static onlyWhiteSpace: RegExp;
     static notEmptyOrWhiteSpace: RegExp;
-    static escapeRegExp(str: string): string;
     static kebabCaseToCamelCase(str: string): string;
     static parseStringToType(str: string): any;
-    static parseStyleDimension(dimension: string | number | undefined, returnOriginal: boolean): number | string | undefined;
 }