API Reference

NOTE: This is a user-contributed section.

Model API:

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

Row API

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)

Column API

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')

Cell API

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.