/**
 * @class Ext.grid.plugin.ColumnResizing
 * @extend Ext.Component
 * @alias plugin.columnresizing
 * @alias plugin.gridcolumnresizing
 *
 * The Column Resizing plugin allows users to adjust the width of the grid columns to suit
 * their needs.  This functionality can be included by requiring the plugin and adding
 * it to your grid's plugins object.
 *
 *     @example packages=[reactor]
 *     import React, { Component } from 'react'
 *     import { Grid } from '@extjs/ext-react';
 *
 *     export default class MyExample extends Component {
 *
 *         store = Ext.create('Ext.data.Store', {
 *             data: [
 *                 { "name": "Lisa", "email": "[email protected]", "phone": "555-111-1224" },
 *                 { "name": "Bart", "email": "[email protected]", "phone": "555-222-1234" },
 *                 { "name": "Homer", "email": "[email protected]", "phone": "555-222-1244" },
 *                 { "name": "Marge", "email": "[email protected]", "phone": "555-222-1254" }
 *             ]
 *         });
 *
 *         render() {
 *             return (
 *                 <Grid
 *                     layout="fit"
 *                     store={this.store}
 *                     plugins={[
 *                             { type: 'columnresizing' }
 *                     ]}
 *                     columns={[
 *                         {
 *                             text: "Name",
 *                             dataIndex: "name",
 *                             flex: 1
 *                         },
 *                         {
 *                             text: "Email",
 *                             dataIndex: "email",
 *                             flex: 1
 *                         },
 *                         {
 *                             text: "Phone",
 *                             dataIndex: "phone",
 *                             flex: 1
 *                         }
 *                     ]}
 *                 />
 *             )
 *         }
 *     }
 *
 *
 */
 
/**
 * @cfg {Boolean} [realtime=false]
 * When true the whole column will resize in real-time as the user drags. When false only
 * the header will resize until the interaction is done.
 * @accessor
 */