Getting Started

Getting up and running with KoGrid should be as painless as possible, and that's the way we designed it!

Make sure you have jQuery, Knockout, KoGrid.css and KoGrid-2.1.1.js loaded on your page!

1. Setup a DIV as the container for KoGrid to bind to

<div data-bind="koGrid: { data: myObsArray }"></div>

2. Setup your ViewModel with an observableArray that you want KoGrid to bind to:

var vm = {
    myObsArray: ko.observableArray([
        { firstName: 'John', lastName: 'Doe' },
        { firstName: 'Jane', lastName: 'Doe' }
    ])
};

3. Call applyBindings like you already do

ko.applyBindings(vm);