Datagrids don’t have to be difficult to use anymore - say hi to Ingrid. Ingrid is an unobtrusive jQuery component that adds datagrid behaviors like column resizing, paging, sorting, row and column styling (and more) to your tables.
Ingrid’s got 3 main parts: a header, a body, and a paging control.
The header is a table with
<th>‘s as columns; the body is a table nested in a scrollable div; the paging control is
a plain old div with links styled as buttons.
- Resizable columns, Scrolling body, Paging Toolbar and Column Sorting (server-side).
- Saved State (navigate away from Ingrid, come back, and she reloads your last viewed page/sort/direction). Uses jQ cookie plugin
- Row selection. (Ingrid remembers this too.)
- Exposed object model with exposed helper methods (ingrid.load(), ingrid.getColumn(), ingrid.getRows(), ingrid.getSelectedRows(), etc)
- Custom row styling.
Multiple rows selection
comments powered by Disqus
- Matthew Knight
- Last update:
- Jan 23, 2014