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.

Row Expansion for DataTable (gallery-datatable-row-expansion) on cdn

Last Updated: 04/7/13

+ 0 -

John Lindal

YUI Contributor

See 50 more by this user.

Created: 04/8/12
Last CDN Push: 12/19/12
Build Tag: gallery-2012.12.19-21-23
Project: YUI 3
License: YUI BSD
YUI Version: 3.5.1
Free for use.

This plugin for DataTable provides the ability to expand each row to display additional information. The column that should display the twistdown must have its key set to Y.Plugin.RowExpansion.column_key. The extra information is displayed across all the columns following the twistdown column. You can configure either a template or a function to generate the extra information from the row's record.

This module overrides DataTable's getRow and getCell functions, so they work even when rows are expanded.

Example of plugging in the row expansion module.

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-2012.12.19-21-23'
}).use('gallery-datatable-row-expansion', function(Y)
{
	var table = new Y.DataTable(
	{
		columns:
		[
			{ key: Y.Plugin.RowExpansion.column_key, label: ' ' },
			{ key: 'title', label: 'Title' },
			{ key: 'year', label: 'Year' }
		]
	});
	table.plug(Y.Plugin.RowExpansion,
	{
		uniqueIdKey: 'id',
		template: function(data)
		{
			return Y.Lang.sub('Author: {author}, Length of title: {len}',
			{
				author: data.author,
				len:    data.title.length
			});
		}
	});
	table.render('#my-table');
});