I am having this issue now with the latest version. Resetting the datasource on the grid doesn't change the previous Auto-Generated columns. If i try to destroy and recreate the grid like was done above, nothing runs after i call the destroy method. Not sure what I am doing wrong here.

<div id="gridDisplay"></div>

function ShowOnScreen(reportID, storedProcedure) {
var displayDiv = document.getElementById('divShowOnScreen');
var title = document.getElementById('displayTitle');

$.post('@Url.Action("PopulateDisplayGrid")', {
"ReportID": reportID,
"StoredProcedure": storedProcedure
}).success(GridSuccess)

function GridSuccess(data) {
title.innerHTML = data.Title;

$("#gridDisplay").igGrid("destory");

var ds = new $.ig.DataSource({
type: "json",
dataSource: data.Grid
});
ds.dataBind();

$("#gridDisplay").igGrid({
autoGenerateColumns: true,
//width: "100%",
dataSource: ds,
features: [
{
name: "Paging",
type: "local",
pageSize: 10,
pageSizeDropDownLocation: "inpager"
}
],
});

displayDiv.style.display = 'inline';
}
}

@@Martin Pavlov : Thanks for the quick response. Your 2nd option works perfectly for my scenario what you have given....

But yesterday i was trying to destroy whole grid while reloading with new data by re initializing from scratch by using $(grd).igGrid('destroy'); which was not working for me which i found the problem was with the table element.  then I changed table element to div then it woks fine. I just mentioned might be useful for someone..

Hello Abhijit,
You don't need to create an $.ig.DataSource instance. Actually igGrid creates one behind the scenes.
Here are 2 approaches which you can try:
Approach 1
Just pass your data source url (which returns a valid JSON data) to the "dataSource" setting of igGrid like this:

$(grd).igGrid({
width: gridWidth,
autoGenerateColumns: false,
columns:columns,
dataSource: "http://your_data_source_url",
features: oSettings
});

Then in your button click event you need to call the igGrid.dataBind API like this:
$(grd).igGrid("dataBind");

Approach 2
If Approach 1 doesn't work for you try to set the new data source (in your button click function) with the following API

$(grd).igGrid("option", "dataSource", newjson);

Hope this helps,
Martin Pavlov
Infragistics, Inc.

Thanks for the reply. But i am not able to refresh the grid. I have binded the datasource with new data but dnt know how i can fresh the data.

My scenario: on button click i will get new json data from ajax call and data will pass to datasource for igGrid. and coloumn array defined in the jquery file

Please find below code for my changes.

if you suggest any any sample code or documentation for rebinding the grid with new datasource in jquery. Its urgent please reply.

function reloadgrid(newjson)
{
$(function () {
ds = new $.ig.DataSource({
dataSource: newjson

});

ds.dataBind();
$(gridId).igGrid("dataBind");
});
}