JSFiddle - React, Tailwind, and code Playground
HTML
<script src="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/js/bootstrap.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/knockout/knockout-2.2.1.js"></script>
<table class="table table-bordered">
<tbody data-bind="foreach: frameworks">
<td>
<button class=btn data-bind="click: $parent.doStuff">A</button>
</td>
<td data-bind="text: $data"></td>
</tbody>
</table>
CSS
@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css');
@import url('http://twitter.github.com/bootstrap/assets/css/bootstrap-responsive.css');
JavaScript
var App = new function () {
var self = this;
self.frameworks = ko.observableArray();
self.doStuff = function () {
//how to change table row color?
};
};
App.frameworks.push('bootstrap');
App.frameworks.push('knockout.js');
ko.applyBindings(App);