Backgrid.js

Truely Advanced Hacking

Body is the intermediary view that coordinates between the various parts of the grid. Specifically, the default implementation is responsible for re-rendering the rows when any model is inserted into, removed from, or reordered in the underlying collection, including sorting. See the JSDoc for details.

          var ScrollableBody = Backgrid.Body.extend({
            // maybe you'd like to implement table body that is a block element so you can detect scroll events,
            // and may be implement fixed header (wink wink) https://github.com/wyuenho/backgrid/issues/4
          });

          var grid = new Backgrid.Grid({
            body: ScrollableBody,
            columns: [{
              // ...
            }],
            collection: col
          });

Body

Events

Customizing Body