Gallery

Modules

Documentation

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.

DataTable plugin for Layout (gallery-layout-datatable) on cdn

Last Updated: 04/7/13

+ 0 -

John Lindal

YUI Contributor

See 50 more by this user.

Created: 03/30/12
Last CDN Push: 04/3/13
Build Tag: gallery-2013.04.03-19-53
Project: YUI 3
License: YUI BSD
YUI Version: 3.5.1
Free for use.

Y.PageLayout (http://yuilibrary.com/gallery/show/layout) adjusts the sizes of the modules on a page so they all fit. For simple content, the browser automatically adjusts. DataTable need a bit of help, however. This plugin provides that help, so you don't have to think about it.

Example of how to plug into an instance of Y.DataTable.

Code Sample

<script src="http://yui.yahooapis.com/3.5.1/build/yui/yui-min.js"></script>

YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2013.04.03-19-53'
}).use('gallery-layout-datatable', function(Y)
{
	var page_layout = new Y.PageLayout();
 
	var table = new Y.DataTable(
	{
		columns:    ...,
		scrollable: true,
		width:      '100%',
		height:     '10px' // will be adjusted by the plugin
	});
	table.plug(Y.Plugin.PageLayoutDataTableModule, {layout: page_layout});
	table.render('#table');
 
});