If you're running into the problem of _tableTemplate being null, you might have done the stupid thing I did and didn't enable or misspelled the attribute EnableClientRendering="True". I had mispelled "Rendering" as "Rednering"....

Anyways, this webpage https://es.infragistics.com/samples/aspnet/data-grid/jquery-client-template is comprehensive on how to accomplish this. Everything in here is overly complex, but to be fair, it's been six years since the last post.

Not much point if no-one can get it to work. I have tried everything I can think of and so have others. It appears that the Infragistics team are not willing to get involved in the conversation either so you may as well try other controls out there. Sorry to be the bringer of bad news.

Dave

Looks like we are in the same boat so I will play around with it some more this week and hopfully an Infragistics developer will see this posting before too long and help us out.

Dave

Hi Dave

I tried as you suggested but still not getting

                var myGrid1 = $find("MainContent_pnlProjectDirectory_grdProjectDirectory");
                //create a datasource
                var dataSource = myGrid1._get_dataSource();
                var newData = eval(this.Data.lstProjectDir);

                //Empty the grid
                $(myGrid1._elements.dataTbl.lastChild).empty();

                //Populate the dataGrid
                myGrid1._pi.show(myGrid1);

                for (var i = 0; i < newData.length; i++) {
                    //dataSource.push(newData[i]);
                    $(myGrid1.tableTemplate).data(newData[i]).appendTo(myGrid1._elements.dataTbl.lastChild);
                }
                //myGrid1._set_dataSource(dataSource);
                myGrid1._pi.hide(myGrid1);

Now result is coming as but data is not displayed

<tr>
<td style="width: 0px;">${Id}</td>
<td style="width: 200px;">${Name}</td>
<td style="width: 200px;">${DisplayName}</td>
<td style="width: 120px;">${Phone}</td>

<td style="width: 120px;">${Fax}</td>
<td style="width: 120px;">${BusinessEmail}</td></tr>

But one more point when I am pushing data to datasource and applyingClientBinding it is giving error
for (var i = 0; i < newData.length; i++) {
                   dataSource.push(newData[i]);
                    $(myGrid1.tableTemplate).data(newData[i]).appendTo(myGrid1._elements.dataTbl.lastChild);
                }
                myGrid1._set_dataSource(dataSource);
                myGrid1._applyClientBinding();
                myGrid1._pi.hide(myGrid1);

When not pushing data to datasource it is not giving any error of object does not support