Ext JS - Learning Center

Extension:StripeCols

From Learn About the Ext JavaScript Library

Revision as of 07:10, 10 July 2009 by BitPoet (Talk | contribs)
(diff) ← Older revision | Current revision (diff) | Newer revision → (diff)
Jump to: navigation, search
Summary: GridPanel plugin that adds column striping
Author: BitPoet
Published: March 23 2009
Version: 1.04
Ext Version: 2.x,3.0
License: http://en.wikipedia.org/wiki/WTFPL
Demo Link: View Demo
Forum Post: View Post

Ext.ux.plugins.grid.stripeCols

This extension, used as a plugin for Ext.grid.GridPanel, adds the 'stripeCols' config option which, when set to true, adds the css class 'x-grid3-col-alt' to the cells in every second column, similar to what 'stripeRows' does for rows.

You can exclude columns from being striped by specifying those columns' dataIndexes to exclude in the grid's 'excludeCStripe' array in the grid config. Other columns' striping is not affected by this option.

Or you can skip individual columns by listing them in the 'skipCStripe' array, then striping continues with the next column.

Changes

 - 1.02: Updated example CSS with hover/select styles
 - 1.03: Added excludeCStripe and skipCStripe options
 - 1.04: Now honors moving/hiding/unhiding of columns