This SimpleGrid demonstrates how filters can be applied as the user types. Entries in the text boxes are case-insensitive. Filtering is performed on the client -- responsiveness will vary with the speed of the client computer, the number of rows in the grid, and the efficiency of the browser.

  // filterUI='t' --> text box
  // filterUI='s' --> select list
  var grid_options = {
    useUnformattedColWidth: false,
    FilterLocation:   -1,     // put filter on a new header row
    columnSpecs:  [,,{filterUI:'t',width:150},
                   {filterUI:'t',width:100}, {filterUI:'s',width:100},
                   {type:'date',width:90}, {type:'date',width:90}]
  };