Use this: I've done with incident table. Replace it with yours.
Also from you catalog client script call the constructTable(),
UI Page:
HTML:
<?xml version="1.0" encoding="utf-8" ?>
<j:jelly trim="false" xmlns:j="jelly:core" xmlns:g="glide" xmlns:j2="null" xmlns:g2="null">
<div id="myTable"></div>
</j:jelly>
Client Script:
constructTable();
function constructTable() {
var ga = new GlideAjax('FinancialStuff');
ga.addParam('sysparm_name', 'getTableFormat');
ga.getXML(getResponse);
}
function getResponse(response) {
var answer = response.responseXML.documentElement.getAttribute("answer");
$j("#myTable").html(answer);
}
Script Include:
var FinancialStuff = Class.create();
FinancialStuff.prototype = Object.extendsObject(AbstractAjaxProcessor, {
getTableFormat : function()
{
var htmlData = '<table><tr><td style="border:1px solid black">Number</td><td style="border:1px solid black">Short Description</td><td style="border:1px solid black">Priority</td><td style="border:1px solid black">Description</td></tr>';
var inc = new GlideRecord("incident");
inc.setLimit('5');
inc.query();
while (inc.next()) {
htmlData = htmlData + '<tr><td style="border:1px solid black">' + inc.number+ '</td><td style="border:1px solid black">' + inc.short_description + '</td><td style="border:1px solid black">' + inc.priority + '</td><td style="border:1px solid black">' + inc.description + '</td></tr>';
}
return htmlData;
}
});
