Building a table from the result of an AJAX call I am looping through content coming from the database using an ajax call. Then I'm building a table using a for loop. Is there a faster way to build the table using the data from the database or is this way efficient enough?

var getPages = '&lt;table&gt;&lt;thead&gt;&lt;tr&gt;&lt;th&gt;Page Num&lt;/th&gt;&lt;th&gt;Type&lt;/th&gt;&lt;th&gt;Month&lt;/th&gt;&lt;th&gt;Name&lt;/th&gt;&lt;th&gt;Reg No.&lt;/th&gt;&lt;th&gt;Rrc District&lt;/th&gt;&lt;/tr&gt;&lt;/thead&gt;&lt;tbody&gt;';

for(var i=0; i&lt;getPagesResponse.length; i++) {
    getPages += '&lt;tr class="getPagesRowEdit"&gt;&lt;td&gt;' + getPagesResponse["PageNum"][i] + '&lt;/td&gt;&lt;td class="pagesPageType"&gt;' + getPagesResponse["PageType"][i] + '&lt;/td&gt;&lt;td class="pagesMonth"&gt;' + getPagesResponse["ReportingMonth"][i] + '&lt;/td&gt;&lt;td class="pagesFilerName"&gt;' + getPagesResponse["FilerName"][i] + '&lt;/td&gt;&lt;td class="pagesFilerRegNo"&gt;' + getPagesResponse["FilerRegNo"][i] + '&lt;/td&gt;&lt;td class="pagesRrcDistrict"&gt;' + getPagesResponse["RrcDistrict"][i] + '&lt;/td&gt;&lt;/tr&gt;';
}
getPages += '&lt;/tbody&gt;&lt;/table&gt;';
//add table to div
$("#pagesTable").html(getPages);
i think it is good approach, if data return from database is in small size (i.e limited record say 10,20 etc).