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 Multi Sort (gallery-datatable-multisort) on cdn

Last Updated: 11/29/11

+ 0 -

James D

YUI Contributor

See 1 more by this user.

Created: 11/28/11
Last CDN Push: 11/30/11
Build Tag: gallery-2011.11.30-20-58
Project: YUI 3
License: YUI BSD
YUI Version: 3.4.1
Free for use.

Adds multi column sorting functionality to the YUI DataTable. DatatableMultiSort is built off the standard DataTableSort plugin.

To multi sort hold shift and select the column header.

Tags:
jjdev

Download
Docs
Homepage
Bugs
Source
Example
Forum
History

Code Sample

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

YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2011.11.30-20-58'
}).use('gallery-datatable-multisort', function(Y) {
   var data = [
        { COUNTRY: "Australia", STATE: "Australian Capital Territory"},
        { COUNTRY: "Australia", STATE: "New South Wales"},
        { COUNTRY: "Australia", STATE: "Queensland"},
        { COUNTRY: "Australia", STATE: "Victoria"},
        { COUNTRY: "Australia", STATE: "Tasmania"},
        { COUNTRY: "USA", STATE: "California"},
        { COUNTRY: "USA", STATE: "Michigan"},
        { COUNTRY: "USA", STATE: "Florida"},
        { COUNTRY: "Canada", STATE: "Quebec"},
        { COUNTRY: "Canada", STATE: "Ontario"}
    ];
 
  var cols = [
    { key: "COUNTRY", sortable: true },
    { key: "STATE", sortable: true }
	];
 
  var table = new Y.DataTable.Base({
    columnset: cols,
    recordset: data,
    summary: "List",
    caption: "Table with multi column sorting",
    plugins: [ Y.Plugin.DataTableMultiSort ]
  }).render("#demo");
 
});

YUI({
    //Last Gallery Build of this module
    gallery: 'gallery-2011.11.30-20-58'
}).use('gallery-datatable-multisort', function(Y) {
   var data = [
        { COUNTRY: "Australia", STATE: "Australian Capital Territory"},
        { COUNTRY: "Australia", STATE: "New South Wales"},
        { COUNTRY: "Australia", STATE: "Queensland"},
        { COUNTRY: "Australia", STATE: "Victoria"},
        { COUNTRY: "Australia", STATE: "Tasmania"},
        { COUNTRY: "USA", STATE: "California"},
        { COUNTRY: "USA", STATE: "Michigan"},
        { COUNTRY: "USA", STATE: "Florida"},
        { COUNTRY: "Canada", STATE: "Quebec"},
        { COUNTRY: "Canada", STATE: "Ontario"}
    ];
	
  var cols = [
    { key: "COUNTRY", sortable: true },
    { key: "STATE", sortable: true }
	];

var table = new Y.DataTable.Base({
    columnset: cols,
    recordset: data,
    summary: "List",
    caption: "Table with multi column sorting",
    plugins: [ Y.Plugin.DataTableMultiSort ]
  }).render("#demo");

});