Hello Kiran.

Thank you for posting in our community.

After looking further into your requirement what I can suggest is  getting reference to the table headers collection. In case that a particular column is sorted the title attribute of the header will have one of the following values: "sorted ascending" or "sorted descending". If the column is not sorted the title is going to be "click to sort column". This could be achieved in the rowsRenederd event of the grid as you suggested:

 rowsRendered: function (evt, ui) {

 var headers = $(".ui-iggrid-header");
 $.each(headers, function () {
 var title = this.attributes["title"].value;

 if (title == "sorted ascending" || title == "sorted descending") {
 alert("Grid is sorted by column " + this.attributes["id"].value);
}

});

I made a small sample and I am attaching it for your reference. In my sample I am showing an alert with the name of the currently sorted column. However, instead of showing the alert you could apply any logic once the sorted column is determined.

I hope you find this information helpful.

Please let me know if you have any additional questions regarding this matter.

In case that you have more than one igGrid what I can suggest is use the ui.owner to get reference to the igGrid for which the event is fired. By design, grid column headers id attribute consists of grid id and column key, looking similar to the following: grid1_CustomerID for the CustomerID column. In this case, what I can suggest is using jQuery  jQuery Starts With Selector . With this selector elements that have specified attribute with a value beginning with a given string could be selected. In your scenario ui.owner.id could be used to get reference to the particular grid that the rowsRendered event is fired for. Afterwards, using the starts with selector a reference to the headers collection only for this grid could be retrieved as following:

 function getSortedColumn(evt, ui) {

 var id = ui.owner.id();
 var headers = $('th[id^="' + id + '"]');
 $.each(headers, function () {
 var title = this.attributes["title"].value;
 if (title == "sorted ascending" || title == "sorted descending") {
 alert("Grid is sorted by column " + this.attributes["id"].value);
}
});
}

This implementation is suitable for your scenario because even if more than one grids are used the function could be called for every grid`s rowsRendered event and it is going to be applied only for that grid`s header collection.

 $("#grid1").igGrid({
 dataSource: gridData, //JSON Array defined above 
 width: "450px",
features: [
{
 name: "Sorting",
 type: "local"
}

],
rowsRendered: getSortedColumn
});
 $("#grid2").igGrid({
 dataSource: data, //JSON Array defined above 
 width: "450px",
features: [
{
 name: "Sorting",
 type: "local"
}
　
],
rowsRendered: getSortedColumn
});

I am attaching my modified sample for your reference.

Please let me know if you need any further assistance with this matter.