jsGrid

lightweight client-side data grid control based on jQuery. It supports basic grid operations like inserting, filtering, editing, deleting, paging and sorting. jsGrid is flexible and allows to customize appearance and components.

Static Data

Simple grid with static data. Provide an array to option data in config.

Basic Scenario

Grid with filtering, editing, inserting, deleting, sorting and paging. Data provided by controller. Read about controller interface in the docs.

OData Service

Controller loadData method requests data from OData service with ajax. Any asynchronous source could be used instead. Just return jQuery.promise from controller method. Field option itemTemplate allows to render any custom cell content, just return your markup as string, DOM Node or jQuery Element.

Sorting

Sorting can be done not only with column header interaction, but also with sort method.

Loading Data by Page

Grid allows to load data by pages. It helps to reduce data loading time and of course necessary for large data sources.

Custom View

All components of the grid can be easily configured. Heading, filtering, inserting, editing, sorting, paging and row selection could be switched with a single corresponding boolean option.

Custom Row Renderer

All components of the grid can be easily configured. Heading, filtering, inserting, editing, sorting, paging and row selection could be switched with a single corresponding boolean option.