The way I typically do this is to loop though the JSON response and build the html table in a string variable, then set the g_form field value to the variable that has the html table. Something like below should get you close...
Assuming the JSON response you're getting is something like this:
{
"results": [{
"vmName": "test01",
"resourceGroup": "SNOW-0001",
"osType": "Linux",
"status": "Running",
"size": "standard"
}, {
"vmName": "test02",
"resourceGroup": "SNOW-0002",
"osType": "Windows",
"status": "Shutdown",
"size": "standard"
}]
}
...build a string value with html code then set the variable that string
// start by defining the html table with desired style...
var strTable = '<table style="align:center; border-collapse: collapse;">';
// add header rows
strTable += '<tr><th>VM Name</th><th>Resource Group</th><th>OS Type</th><th>Status</th><th>Size</th></tr>';
// parse JSON and put results into table
var parsedResults = JSON.parse(jsonString).results;
for (var i = 0; i < parsedResults.length; i++) {
strTable += '<tr>';
strTable += '<td>' + parsedResults[i].vmName + '</td>';
strTable += '<td>' + parsedResults[i].resourceGroup + '</td>';
strTable += '<td>' + parsedResults[i].osType + '</td>';
strTable += '<td>' + parsedResults[i].status + '</td>';
strTable += '<td>' + parsedResults[i].size + '</td>';
strTable += '</tr>';
}
strTable += '</table>';
// then set value to the dynamic table string
g_form.setValue('variable', strTable);
