• Register
  • Log In
  • Home
  • Quick Start
    • Configurator
    • Download YUI 3
  • Documentation
    • User Guides
    • Examples
    • API Docs
    • Environments
    • Tutorials
  • Community
    • Gallery
    • Blog
    • Forums
    • YUI Theater
    • Calendar
  • Contribute
    • YUI on GitHub »
    • File a Ticket
    • View Tickets
    • Dashboard
  • Other Projects
    • Shifter »
    • Yogi »
    • YUI 2
    • YUI Doc »
    • YUI Test
    • YUI Website
    • YUI Compressor »
    • YUI Builder »
    • YUI PHP Loader
    • Grid Builder »
    • Skin Builder »
  • YUI
  • >
  • Community
  • >
  • Gallery

Gallery

Modules

  • Home
  • Featured
  • Popular
  • New
  • All

Documentation

  • Yogi Documentation
  • Shifter Documentation
  • Developer Guide
  • Module Setup

Tag Cloud

Context Navigation

    YUI Library is not responsible for bugs or support with this module. It is available as a free service. For support please contact the module owner with the provided links.

    Simple Datatable Resize Plugin (gallery-plugin-simple-datatable-resize) on cdn

    Last Updated: 10/16/12
    + 0 -

    Anthony Pipkin

    YUI Developer

    See 28 more by this user.

    Created: 08/18/10
    Last CDN Push: 09/8/10
    Build Tag: gallery-2010.09.08-19-45
    Project: YUI 3
    License: YUI BSD
    YUI Version: 3.7.3
    Free for use.

     
    Moving to 'gallery-xarno-plugin-datatable-resize' and Y.Xarno.Plugin.DTResize

    Built to add functionality to [http://yuilibrary.com/gallery/show/simple-datatable Simple Data Table].

    Resize allows resizing of Simple Datatable columns by dragging the grip.

    Configuration


    • gripClass - (yui3-icon-vgrip) Ability to customize the class used to display the grip
    • minWidth - (50) Sets the min size of all columns
    • visible - (true) Specifies a 1 (true) or 0 (false) opacity.
    • Tags:
    • apipkin
    • Download
    • Docs
    • Homepage
    • Bugs
    • Source
    • Example
    • Forum
    • History

    In this example we create a table with two columns. The first column is Labeled with "Id" and set to be not resize. The second has a Label of "Title". After we add in the rows, we plug in the SDTResize plugin.

    Code Sample

    <script src="http://yui.yahooapis.com/3.7.3/build/yui/yui-min.js"></script>
    YUI({
        //Last Gallery Build of this module
        gallery: 'gallery-2010.09.08-19-45'
    }).use('gallery-simple-datatable', 'gallery-plugin-simple-datatable-resize',  function(Y) {
     
            var grid = new Y.SimpleDatatable();
            grid.set('headers', { id: { label: 'Id', resizable: false}, title: 'Title' });
            grid.set('rows',[
                { id:1, title: 'Banana', __fileId:9 },
                { id:2, title: 'Orange' },
                { id:3, title: 'Cherry' },
                { id:4, title: 'Grape Fruit' },
                { id:5, title: 'Watermelon' }
            ]);
            grid.plug(Y.Plugin.SDTResize);
            grid.render();
     
    });

    Forum Posts

    Subject Author Date
    how to Infinite Scrolling DataTable using yui3.3.0 SumRain 07/1/11
    SimpleDatatableResize plugin does NOT work mchiocca 07/7/11
    Re: SimpleDatatableResize plugin does NOT work mchiocca 07/10/11
    Standardizing apipkin Modules Anthony Pipkin 10/16/12

    © 2006-2013 Yahoo! Inc. All rights reserved.
    All code on this site is licensed under the BSD License unless stated otherwise.
    About This Site · Security Contact Info