NOTE: This is a user-contributed section.

Instead of passing SlickGrid an array of row objects, you can pass an object that holds (and updates!) all your rows. This object, which SlickGrid calls a Model, only needs to respond to a simple API:

model.getItem(i) // Returns the ith row
model.getLength() // Returns the number of items

If you modify the nth row, you will need to tell the grid that the row is invalid, and then call render() to update it:

grid.invalidateRow(n)
grid.render()

You can also call grid.invalidateRows() to invalidate a lot of rows at once, and, if you just want to re-draw the whole grid, call grid.invalidate() (which would do a render() automatically.)

grid.scrollRowIntoView(rowIndex) - scroll the grid until a row is visible.

grid.scrollRowIntoView(100)

grid.getColumnIndex(columnName) - Returns the numeric index of the given column. Useful when a column index is required by the API.

grid.getColumnIndex('first_name')

grid.setCellCssStyles(key, hash) - Sets CSS classes to specific grid cells. key is a sort of cache key that names your set of styles and ensures you don't apply the same change twice. hash is a per-row-index, per-column-name nested hash of CSS classes to apply.

   .highlight{ background: yellow } 

grid.setCellCssStyles("birthday_highlight", {
   0: {
        birthday: "highlight", 
        age: "highlight"
       },

   1: {
         birthday: "highlight",
         age: "highlight"
       }
})

grid.addCellCssStyles(key, hash) - The add-only sibling to grid.setCellCssStyles(key, hash). Will throw an exception if you try to set the same key twice without calling removeCellCssStyles(). Use setColumnCssStyles() instead if you don't want that.

grid.removeCellCssStyles(key) - Removes styles under key from the grid.