The goal of Backgrid.js is to produce a set of core Backbone UI
elements that offer you all the basic displaying, sorting and
editing functionalities you'd expect, and to create an elegant
API that makes extending Backgrid.js with extra functionalities
easy.

The main entry point of the Backgrid package is the
Backgrid.Grid class. You can create a default Backgrid by
first defining some columns, and then put that list of
columns and the collection of data into the Grid constructor
like this:

The list of column definitions Backgrid.Grid expects is
simply a list of JSON objects, which you can hardcode into your
HTML templates or retrieve from a server when the DOM is
ready. Backgrid doesn't care where the column definitions
come from, as long as you supply the list to the Grid constructor.

As expected, you now have a basic editable data grid
displayed. All the columns headers are labeled and sortable by
default. ID cells are not editable, and all other cell types
have reasonable validation built in. If the table gets too
large, you get a scroll bar.