Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/dobtco/jquery-resizable-columns

Resizable table columns for jQuery.
https://github.com/dobtco/jquery-resizable-columns

Last synced: 10 days ago
JSON representation

Resizable table columns for jQuery.

Awesome Lists containing this project

README

        

jquery-resizable-columns
=======================

Resizable table columns for jQuery. **[Live Demo](http://dobtco.github.io/jquery-resizable-columns)**

**New and Improved!** *Now tested and working on Chrome & Firefox (Mac + Windows), and IE 9 + 10. Other browsers might work too, just haven't had time to check.*

**Size:** < 8kb minified

#### Dependencies
- jQuery
- [store.js](https://github.com/marcuswestin/store.js/) (or anything similar) for localStorage persistence.

#### Simple Usage

```



#
First Name
Last Name
Username



...

$(function(){
$("table").resizableColumns();
});

```

#### Persist column sizes

To save column sizes on page reload (or js re-rendering), just pass an object that responds to `get` and `set`. You'll also have to give your <table> a `data-resizable-columns-id` attribute, and your <th>s `data-resizable-column-id` attributes.

```



#
First Name
Last Name
Username



...

$(function(){
$("table").resizableColumns({
store: store
});
});

```

#### License

MIT

#### Credits

There's various versions of this plugin floating around the internet, but they're all outdated in one way or another. Thanks to [http://robau.wordpress.com/2011/06/09/unobtrusive-table-column-resize-with-jquery/]() for a great starting point.