<div id="nested" class="yui3-skin-sam dt-example"></div>

<script type="text/javascript">

YUI().use("datatable-base-deprecated", function (Y) {

var nestedCols = [

{label:"Train Schedule", children:[

{key: "track"},

{label:"Route", children: [

{key:"from"},

{key:"to"}

]}

]}

],

data = [

{track:"1", from:"Paris", to:"Amsterdam"},

{track:"2", from:"Paris", to:"London"},

{track:"3", from:"Paris", to:"Zurich"}

],

cs = new Y.Columnset({definitions:nestedCols}),

dt = new Y.DataTable.Base({columnset:nestedCols, recordset:data, summary:"Train schedule", caption:"Table with nested column headers"}).render("#nested");

});

</script>