MOOGRID - A MOOTOOLS-BASED GRID COMPONENT

Oct. 2, 2010 • Comments • 13,833 Views

I've been working on a better grid component as of late and have what I believe to be a solid foundation at this point. Documentation to follow.

GitHub project page | View Script Source | View CSS Source 

//
// MooGrid - A Mootools-based grid component
// 
// MIT-style license. Copyright 2010 Matt V. Murphy | bW11cnBoMjExQGdtYWlsLmNvbQ==
// MooGrid requires Mootools 1.3 and Mootools 1.3 More (Class.Binds, Element.Delegation)
//
//////////////////////////////////////////////////////////////////////////
// Links:
//
// - Demo: http://www.matts411.com/post/moogrid/
// - GitHub: http://github.com/mmurph211/Grid
//
//////////////////////////////////////////////////////////////////////////
// Features:
//
// - Cross browser compatible (Internet Explorer, FireFox, Chrome, Safari)
// - JSON, XML remote and inline loading supported
// - Fixed header, footer, columns
// - Column resizing
// - Grid resizing
// - Row selection (singular and multi-select)
// - Multiple grids per page supported
// 
//////////////////////////////////////////////////////////////////////////
// Future Features and TODO:
//
// - Documentation
// - Double click column header to auto fit content
// - Relative column widths
// - Graceful degradation
// - Keyboard shortcut options for row selection
// - Zebra row support in older browsers. In newer browsers try:
//     .mgBR:nth-child(odd) { background-color : [color]; }
// - More...
//