JSFiddle - React, Tailwind, and code Playground

by jlspake

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.5.0/knockout-min.js"></script>
<table>
  <thead>
    <tr>
      <th>Row</th>
      <th>NumberQuota</th>
    </tr>
  </thead>
  <tbody data-bind="foreach: Rows">
    <tr data-bind="click: $parent.PayQuota">
      <td data-bind="text: $index"></td>
      <td style="text-align:left;" data-bind="text: NumberQuota"></td>
    </tr>
  </tbody>
</table>

JavaScript

function viewModel() {
  var self = this;
	
  self.Rows = ko.observableArray([
  	{ NumberQuota: ko.observable(10) },
    { NumberQuota: ko.observable(20) },
    { NumberQuota: ko.observable(30) }
  ]);
  
  self.PayQuota = function(model) {
    console.log('selected: ' + ko.toJSON(model));
  }
}

ko.applyBindings(new viewModel());