SlickGrid - fast rendering JavaScript grid/spreadsheet component
SlickGrid is a JavaScript grid/spreadsheet component. SlickGrid utilizes virtual rendering to enable you to easily work with hundreds of thousands of items without any drop in performance.
Features
- Virtual scrolling/rendering (hundreds of thousands of rows)
- Extremely fast rendering speed
- Background post-rendering for richer cells.
- Configurable & customizable
- Full keyboard navigation
- Column resize/reorder/show/hide
- Column autosizing & force-fit
- Custom cell formatters & editors
- Support for editing and creating new rows.
- “GlobalEditorLock” to manage concurrent edits in cases where multiple Views on a page can edit the same data.
In fact, there is no difference in performance between working with a grid with 10 rows versus a 100’000 rows. This is achieved through virtual rendering where only what’s visible on the screen plus a small buffer is rendered.
Demo:
- Basic use: http://slickgrid.googlecode.com/svn/trunk/examples/example1-simple.html
- Adding some formatting: http://slickgrid.googlecode.com/svn/trunk/examples/example2-formatters.html
- Turning it into a spreadsheet: http://slickgrid.googlecode.com/svn/trunk/examples/example3-editing.html
- Using a simple Model (filtered data view) to drive the grid: http://slickgrid.googlecode.com/svn/trunk/examples/example4-model.html
- Adding tree functionality (expand/collapse) to the grid: http://slickgrid.googlecode.com/svn/trunk/examples/example5-collapsing.html
- AJAX-loading data (shows all Apple-related Digg stories): http://slickgrid.googlecode.com/svn/trunk/examples/example6-ajax-loading.html
- Using pre-compiled micro-templates to render cells: http://slickgrid.googlecode.com/svn/trunk/examples/example8-alternative-display.html
- Using background post-rendering to add graphs: http://slickgrid.googlecode.com/svn/trunk/examples/example10-async-post-render.html
License:MIT License
Project Home: http://code.google.com/p/slickgrid/
0
505
