The datatable-sort module adds column sorting functionality to a basic DataTable.
Implementing Sortable Columns
To add column sorting functionality to any DataTable, simply include the datatable-sort module in your use() line and add the sortable: true configuration to the configuration objects of the columns you want to be sortable.
Note: be sure to add the yui3-skin-sam classname to the
page's <body> element or to a parent element of the widget in order to apply
the default CSS skin. See Understanding Skinning.
<body class="yui3-skin-sam"> <!-- You need this skin class -->
Note, if you want all columns to be sortable, simply set sortable: true on the DataTable instance.
YUI().use("datatable-sort", function(Y) { var cols = [ {key:"Company", label:"Click to Sort Column A", sortable:true}, {key:"Phone", label:"Not Sortable Column B"}, {key:"Contact", label:"Click to Sort Column C", sortable:true} ], data = [ {Company:"Company Bee", Phone:"415-555-1234", Contact:"Sally Spencer"}, {Company:"Acme Company", Phone:"650-555-4444", Contact:"John Jones"}, {Company:"Industrial Industries", Phone:"408-555-5678", Contact:"Robin Smith"} ], table = new Y.DataTable({ columns: cols, data : data, summary: "Contacts list", caption: "Table with simple column sorting" }).render("#sort"); });