JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://documentcloud.github.com/underscore/underscore-min.js"></script>
<script src="http://documentcloud.github.com/backbone/backbone-min.js"></script>
<script id="tpl-page-current" type="text/template">
    <table>
        <caption><%= CurrentModel.Metadata.Name %></caption>
        <thead>
            <tr>
                <th><span>Page name</span></th>                
                <th><span>Slug</span></th>
                <th><span>Published</span></th>
                <th><span>Changed</span></th>
            </tr>
        </thead>
     </table>
</script>

<script id="tpl-page-list-item" type="text/template">
            <tr>
                <td><%= Metadata.Name %></td>
                <td><%= Metadata.Slug %></td>
                <td><%= Metadata.IsPublished %></td>
                <td><%= Metadata.Changed %></td>
                <td><input type='checkbox' /></td>
            </tr> 
</script>

CSS

table,th,td {border:1px solid #000}

JavaScript

var data={     CurrentModel: {         Heading: "Home",         Id: "pages/193",         Metadata: {             Name: "Home",             Title: null,             Keywords: null,             Description: null,             DisplayInMenu: true,             Published: "/Date(1334499539404)/",             Changed: "/Date(1334499539404)/",             ChangedBy: "Marcus",             IsPublished: true,             IsDeleted: false,             Slug: null,             Url: null,             SortOrder: 0         },         Parent: null,         Children: [             "pages/226",             "pages/257"         ] },     Children: [         {             Heading: "Foo",             MainBody: null,             Id: "pages/226",             Metadata: {                 Name: "I'm an article",                 Title: null,                 Keywords: null,                 Description: null,                 DisplayInMenu: true,                 Published: "/Date(1334511318838)/",                 Changed: "/Date(1334511318838)/",                 ChangedBy: "Marcus",                 IsPublished: true,                 IsDeleted: false,                 Slug: "i-m-an-article",                 Url: "i-m-an-article",                 SortOrder: 1             },             Parent: {},             Children: [ ]         },         {             Heading: "Bar",             MainBody: null,             Id: "pages/257",             Metadata: {                 Name: "Foo",                 Title: null,                 Keywords: null,                 Description: null,                 DisplayInMenu: true,                 Published: "/Date(1334953500167)/",                 Changed: "/Date(1334953500167)/",                 ChangedBy: "Marcus",                 IsPublished: true,                 IsDeleted: false,                 Slug: "foo",                 Url: "foo",                 SortOrder: 2             },             Parent: {},             Children: [ ]         }     ] }
    
    
    
var...