Backgrid.js - (Re)sizeable columns
Warning! This extension is not production ready yet, just a mere proof of concept. It lacks documentation, automatic testing and edge-case tests.
To discuss this extension, see this backgrid issue.
Demo
Online demo can be found here
Browser support (tested)
- IE8+
- Firefox
- Chrome
Features
- Uses html5 valid colgroup method to (re)size columns
- Supports nonresizeable, width, min and max width
- Trigger event on column resize
- Supports 'renderable' and add/removal of columns
- Supports Grouped columns in header
Example
// Add sizeable columnsvar sizeAbleCol = collection: pageableTerritories columns: columns;$backgridContainer; // Add resize handlersvar sizeHandler = sizeAbleColumns: sizeAbleCol grid: pageableGrid saveModelWidth: true;$backgridContainer; // Listen to resize eventscolumns;
License
Copyright © 2014 Fortes Solutions.
Licensed under the MIT license.
Authors
This extension was created by Wilbert van de Ridder and is currently maintained by Fortes Solutions Team.