JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css">
<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<link rel="stylesheet" href="http://ericmbarnard.github.com/KoGrid/css/KoGrid.css">
<div class="tabbable">
           <ul class="nav nav-tabs" style="margin: 0px;" data-bind="foreach: tabs2">
              <li data-bind="css: { active: $parent.selectedTab() === $data }">
                <a href="#" data-bind="click: $parent.selectedTab, text: title"></a>
              </li>
           </ul>
           <div class="tab-content" data-bind="foreach: tabs2">
                <div class="tab-pane" data-bind="css: { active: $parent.selectedTab() === $data }">                                  
                    <div data-bind="template: { name: title, data: $parent }"></div>                                    
                </div>
            </div>
        </div>
        <script type="text/html" id="test">
            <div style="width: 50%; height: 100%;" data-bind="koGrid: { data: myObsArray }"></div>
        </script>
        <script type="text/html" id="test2">
            <div style="width: 500px; height: 500px;" data-bind="koGrid: { data: myObsArray }"></div>
        </script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://cloud.github.com/downloads/SteveSanderson/knockout/knockout-2.2.0.js"></script>
    <script type="text/javascript" src="https://raw.github.com/ericmbarnard/KoGrid/master/koGrid-2.1.1.debug.js"></script>

JavaScript

$(document).ready(function () {
    
    function TabViewModel(title){
        this.title = title;
        this.selected = ko.observable();
    }
    
    function vm() {
        var self = this;
        self.name = "test";
        self.tabs2 = ko.observableArray([
            new TabViewModel("test"),
            new TabViewModel("test2")]);
        self.myObsArray = ko.observableArray([
            { firstName: 'John', lastName: 'Doe' },
            { firstName: 'Jane', lastName: 'Doe' }
        ]);
        self.selectedTab = ko.observable();
    };
    ko.applyBindings(new vm());
});