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

115e833ecfa871aa1056edf178fe26410c8f56f9Timo Sirainen

115e833ecfa871aa1056edf178fe26410c8f56f9Timo Sirainen<script type="text/javascript">

115e833ecfa871aa1056edf178fe26410c8f56f9Timo SirainenYUI().use("datatable-base", function (Y) {

115e833ecfa871aa1056edf178fe26410c8f56f9Timo Sirainen var nestedCols = [

115e833ecfa871aa1056edf178fe26410c8f56f9Timo Sirainen {label:"Train Schedule", children:[

115e833ecfa871aa1056edf178fe26410c8f56f9Timo Sirainen {key: "track"},

115e833ecfa871aa1056edf178fe26410c8f56f9Timo Sirainen {label:"Route", children: [

115e833ecfa871aa1056edf178fe26410c8f56f9Timo Sirainen {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>