title: Knockout Paged grid example automatically updating view
body: <p>I'm new to KO and I'm working on a grid (data table) following the <a href="http://knockoutjs.com/examples/grid.html" rel="nofollow noreferrer">Paged grid example</a>.</p>
  
  <p>This is my code:
      var initialData = $.parseJSON(response);
      enter code here`response=null;</p>
  
  <pre><code>var PagedGridModel = function(items) {
      this.items = ko.observableArray(items);
  
      this.gridViewModel = new ko.simpleGrid.viewModel({
          data: this.items,
          columns: [
              { headerText: "checkbox", 
                  rowText: function (item) {
                      return '&lt;input name="select-product" type="checkbox"/&gt;'
                      if (item.checked)
                          return baseHtml+' checked'+endingHtml
                      else
                          return baseHtml+endingHtml
                  }
              },
              { headerText: "name", rowText: "name" },
              { headerText: "description", rowText: "description" },
              { headerText: "category", rowText: "category" },
              { headerText: "type", rowText: "type" },
          ],
          pageSize: 20
      });
      };
  
  var myPagedGridModel = new PagedGridModel(initialData)
  ko.applyBindings(myPagedGridModel);
  </code></pre>
  
  <p>And it produces a result like that.</p>
  
  <p><img src="https://i.stack.imgur.com/ibKie.png" alt="my ko grid"></p>
  
  <p>Now I would like that when changing the Model's 'checkbox' attribute, It updates the view. And vice-versa, selecting the view's checkbox to update my model. Something like this:</p>
  
  <blockquote>
    <p>initialData[0].checked=true;</p>
  </blockquote>
  
  <p>It seems what I need to do is declare the model as Observable, but I'm not sure how to do that on this context.
  Finally, I think this library is relevant for this case: <a href="http://knockoutjs.com/examples/resources/knockout.simpleGrid.3.0.js" rel="nofollow noreferrer">http://knockoutjs.com/examples/resources/knockout.simpleGrid.3.0.js</a></p>
  
  <p><a href="http://jsfiddle.net/ernestbofill/QSRBR/6145/" rel="nofollow noreferrer">Fiddle</a>
  On the fiddle I had some problem with the externals but pleas take into account the fist SimpleGrid.3.0.js outside the fiddle it works with that one alone.</p>
  
  <p>Thanks in advance for your help!</p>
  
  <p>Ernest.</p>