name: WebAPIDataGrid
description: A data grid to display the data retrieved from webapi or a rest service.

The grid will display data for any entity.You just need to call the GetValues method on html table as:

$(&quot;tblEmployees&quot;).GetValues(({ URL: &quot;/api/values1/&quot;,IdColumn: &quot;RollNo&quot;}); .URL is the URL of the REST service.IdColumn is the column that uniquely identifies an entity

To use the grid and display the data on a page

1.include the follwing js and css in the web page

script src=&quot;../Scripts/WebGrid.js&quot; type=&quot;text/javascript&quot;

link href=&quot;../Content/GridStyle.css&quot; rel=&quot;stylesheet&quot; 

Grid control also uses jquery ,so also reference the jquery library on the page.

2.Declare html table on the page

3.Call the GetValues method on the declared table

$(&quot;IdOfTable&quot;).GetValues({

URL: &quot;/api/ControllerName/&quot;,

IdColumn: &quot;NameofPrimaryKeyColumn&quot;

4.Add the following attribute to the Controller class

WebGrid.PagingAttribute(EntityId = &quot;AnyIdentifier&quot;, PageSize = SizeOfPage, EntityType = typeof(TypeOfEntity)

5.Derive the controller class from the CustomController class.

You can also sort the displayed data by clicking the grid column headers
version: 1.4.1
spec_version: 1.0
download_url: https://www.nuget.org/api/v2/package/WebAPIDataGrid/1.4.1
home_url: http://www.codecompiled.com/grid-control-webapi/
news_url: https://libraries.io/nuget/WebAPIDataGrid/versions.atom
date: 2016-09-21
about_resource: NONE
libraries_io_url: https://libraries.io/nuget/WebAPIDataGrid?number=1.4.1
