This project is read-only.

A minimal JavaScript grid built from the ground up as a jQuery UI widget. It's simplicity makes it easily extensible.

  • The single minigrid.js file in unminified, commented form is 19 KB. 
  • 10 KB in minified form.
  • 2 dependencies: 
    • jQuery 1.6.2 
    • jQuery UI 1.8.16.
       (can work with earlier releases but hasn't been tested) 
  • Quick for a simple, linear O(N) rendering algorithm : 100 rows in under 20 ms for Firefox and Chrome (on my machine).

Please use Chrome or Firefox to view the demos, as IE9 may block script by Tracking Protection (SEC711)


See the Documentation for usage.

 

Running Time

Running times of slickGrid, jqGrid, miniGrid, and the beta jQuery UI grid:

N

slickgrid

jqgrid

mingrid

jquery-ui grid beta

10

80ms

19ms

7ms

15ms

100

88ms

51ms

29ms

111ms

1000

92ms

343ms

213ms

1154ms

(on my machine: Chrome 15, Windows 7 64-bit)

 

Features:

  • Lightweight and not bloated, while having the most common features of a JavaScript grid.
  • designed to work with jQuery UI
  • easy to use:
    • can autogenerate columns, so the developer isn't required to define a lengthy column model
    • the user can still define the grid's columns for maximum performance.
    • lets the developer easily specify a data source Array (as opposed to requiring a URL)
  • scrollable with a "frozen" header row
  • drag columns off of the grid and back on.
  • can sort by more than one column, similar to a SQL ORDER BY field1, field2, ... fieldN.
  • can force all cells to render at full width (so they don't wrap and take more than 1 line). Any columns which don't completely fit into the grid's width are stored in memory and not visible.

 

TODO:

  • defer loading all data; scrollbar paging; make AJAX requests while scrolling.
  • Test in Firefox 5-6, IE8. Currently tested in IE9 and Chrome 15.0.865.

Last edited Sep 6, 2011 at 5:04 AM by TWebster, version 38