<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Re: how to make html table from data in Integration, Extension &amp; APIs</title>
    <link>https://community.qlik.com/t5/Integration-Extension-APIs/how-to-make-html-table-from-data/m-p/1176800#M5796</link>
    <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Hello, &lt;/P&gt;&lt;P&gt;An exemple how hypercubes works and how to create a table&lt;/P&gt;&lt;P&gt;This function create a table&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;function createCubebox( t ){&amp;nbsp; //t is the ID where I insert my table, here t = "#table" because I alread declare my table in //the html code, like &amp;lt;table id="table"&amp;gt;&amp;lt;/table&amp;gt;&lt;/P&gt;&lt;P&gt;app.createCube({&lt;/P&gt;&lt;P&gt;&amp;nbsp; "qInitialDataFetch": [&lt;/P&gt;&lt;P&gt;&amp;nbsp; {&lt;/P&gt;&lt;P&gt;&amp;nbsp; "qHeight": 50, // Number of values who are load for each field&lt;/P&gt;&lt;P&gt;&amp;nbsp; "qWidth": 2&amp;nbsp;&amp;nbsp;&amp;nbsp; // Number of measures and dimensions&lt;/P&gt;&lt;P&gt;&amp;nbsp; }&lt;/P&gt;&lt;P&gt;&amp;nbsp; ],&lt;/P&gt;&lt;P&gt;&amp;nbsp; "qDimensions": [&lt;/P&gt;&lt;P&gt;&amp;nbsp; {&lt;/P&gt;&lt;P&gt;&amp;nbsp; "qDef": {&lt;/P&gt;&lt;P&gt;&amp;nbsp; "qFieldDefs": [&lt;/P&gt;&lt;P&gt;&amp;nbsp; "Item"&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; //First Dimension replace item by your first dimension field&lt;/P&gt;&lt;P&gt;&amp;nbsp; ]&lt;/P&gt;&lt;P&gt;&amp;nbsp; },&lt;/P&gt;&lt;P&gt;&amp;nbsp; "qNullSuppression": true&lt;/P&gt;&lt;P&gt;&amp;nbsp; }&lt;/P&gt;&lt;P&gt;&amp;nbsp; ],&lt;/P&gt;&lt;P&gt;&amp;nbsp; "qMeasures":[&lt;/P&gt;&lt;P&gt;{&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;"qDef": {&lt;/P&gt;&lt;P&gt;&amp;nbsp; "qFieldDefs": [&lt;/P&gt;&lt;P&gt;&amp;nbsp; "Item"&amp;nbsp;&amp;nbsp; //First measure &lt;SPAN style="font-size: 13.3333px;"&gt;replace item by your first measure field&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp; ]&lt;/P&gt;&lt;P&gt;&amp;nbsp; },"qSortBy": {&amp;nbsp;&amp;nbsp; &lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; "qSortByState": 0,&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; "qSortByFrequency": 0,&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; "qSortByNumeric": -1,&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; "qSortByAscii": 0,&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; "qSortByLoadOrder": 0,&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; "qSortByExpression": 0,&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; "qExpression": {&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; "qv": ""&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }},&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;"qLibraryId": "ID" // if you generate your hypercube, he add this id for the field&lt;/P&gt;&lt;P&gt;}]&lt;/P&gt;&lt;P&gt;&amp;nbsp; },function(u){&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp; $(t).empty(); //clear the section&lt;/P&gt;&lt;P&gt;&amp;nbsp; var e=u.qHyperCube,&amp;nbsp;&amp;nbsp;&amp;nbsp; //&lt;/P&gt;&lt;P&gt;&amp;nbsp; clo=document.createElement("thead"),&lt;/P&gt;&lt;P&gt;&amp;nbsp; o=document.createElement("tbody"),&lt;/P&gt;&lt;P&gt;&amp;nbsp; title1="first title",&lt;/P&gt;&lt;P&gt;&amp;nbsp; title2=e.qMeasureInfo[0].qFallbackTitle;&amp;nbsp; //get the name of the field for the second title&lt;/P&gt;&lt;P&gt;&amp;nbsp; $(clo).html("&amp;lt;tr&amp;gt;&amp;lt;th&amp;gt;"+title1+"&amp;lt;/th&amp;gt;&amp;lt;th&amp;gt;"+title2+"&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;").appendTo($(t));&lt;/P&gt;&lt;P&gt;&amp;nbsp; $.each(e.qDataPages[0].qMatrix,function()&lt;/P&gt;&lt;P&gt;&amp;nbsp; {&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp; var i=this[0], //the first value of the first field, here a dimension&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp; g=this[1], //the first value of the second field, here a measure&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp; f=document.createElement("tr"), //create the row&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp; d=document.createElement("td"), //create the first cell of the row&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp; d2=document.createElement("td"); //create the second cell of the row&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp; $(d).html(i.qText).appendTo($(f)).click(function(){app.field("/*Field_Name*/").selectValues([{qText:i.qText}],!0,!1);&lt;/P&gt;&lt;P&gt;&amp;nbsp; }); //add text to the first cell and append the cell to the row&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp; $(d2).html(g.qNum).appendTo($(f)); &lt;SPAN style="font-size: 13.3333px;"&gt;//add text to the second cell and append the cell to the row&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp; $(f).appendTo($(o));&amp;nbsp; //&lt;SPAN style="font-size: 13.3333px;"&gt;append the row to the tbody&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp; })&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp; $(o).appendTo($(t));&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp; }&lt;/P&gt;&lt;P&gt;&amp;nbsp; )};&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp; createCubebox("#table"); // call the function with the ID&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
    <pubDate>Thu, 07 Jul 2016 07:42:29 GMT</pubDate>
    <dc:creator />
    <dc:date>2016-07-07T07:42:29Z</dc:date>
    <item>
      <title>how to make html table from data</title>
      <link>https://community.qlik.com/t5/Integration-Extension-APIs/how-to-make-html-table-from-data/m-p/1176799#M5795</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Hi,&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;My requirement is to extract data from a Sense app to pdf, for tables with lots of rows.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Since it's not possible from the app, i think about doing it in a a mashup by doing a table from data, and then print the html page to pdf.&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;But can't achieve to retrieve data from hypercube to hmtl...&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;Does someone have an working example of how to do that kind off requirement ?&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Tue, 05 Jul 2016 13:40:52 GMT</pubDate>
      <guid>https://community.qlik.com/t5/Integration-Extension-APIs/how-to-make-html-table-from-data/m-p/1176799#M5795</guid>
      <dc:creator>christophebrault</dc:creator>
      <dc:date>2016-07-05T13:40:52Z</dc:date>
    </item>
    <item>
      <title>Re: how to make html table from data</title>
      <link>https://community.qlik.com/t5/Integration-Extension-APIs/how-to-make-html-table-from-data/m-p/1176800#M5796</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Hello, &lt;/P&gt;&lt;P&gt;An exemple how hypercubes works and how to create a table&lt;/P&gt;&lt;P&gt;This function create a table&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;function createCubebox( t ){&amp;nbsp; //t is the ID where I insert my table, here t = "#table" because I alread declare my table in //the html code, like &amp;lt;table id="table"&amp;gt;&amp;lt;/table&amp;gt;&lt;/P&gt;&lt;P&gt;app.createCube({&lt;/P&gt;&lt;P&gt;&amp;nbsp; "qInitialDataFetch": [&lt;/P&gt;&lt;P&gt;&amp;nbsp; {&lt;/P&gt;&lt;P&gt;&amp;nbsp; "qHeight": 50, // Number of values who are load for each field&lt;/P&gt;&lt;P&gt;&amp;nbsp; "qWidth": 2&amp;nbsp;&amp;nbsp;&amp;nbsp; // Number of measures and dimensions&lt;/P&gt;&lt;P&gt;&amp;nbsp; }&lt;/P&gt;&lt;P&gt;&amp;nbsp; ],&lt;/P&gt;&lt;P&gt;&amp;nbsp; "qDimensions": [&lt;/P&gt;&lt;P&gt;&amp;nbsp; {&lt;/P&gt;&lt;P&gt;&amp;nbsp; "qDef": {&lt;/P&gt;&lt;P&gt;&amp;nbsp; "qFieldDefs": [&lt;/P&gt;&lt;P&gt;&amp;nbsp; "Item"&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; //First Dimension replace item by your first dimension field&lt;/P&gt;&lt;P&gt;&amp;nbsp; ]&lt;/P&gt;&lt;P&gt;&amp;nbsp; },&lt;/P&gt;&lt;P&gt;&amp;nbsp; "qNullSuppression": true&lt;/P&gt;&lt;P&gt;&amp;nbsp; }&lt;/P&gt;&lt;P&gt;&amp;nbsp; ],&lt;/P&gt;&lt;P&gt;&amp;nbsp; "qMeasures":[&lt;/P&gt;&lt;P&gt;{&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;"qDef": {&lt;/P&gt;&lt;P&gt;&amp;nbsp; "qFieldDefs": [&lt;/P&gt;&lt;P&gt;&amp;nbsp; "Item"&amp;nbsp;&amp;nbsp; //First measure &lt;SPAN style="font-size: 13.3333px;"&gt;replace item by your first measure field&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp; ]&lt;/P&gt;&lt;P&gt;&amp;nbsp; },"qSortBy": {&amp;nbsp;&amp;nbsp; &lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; "qSortByState": 0,&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; "qSortByFrequency": 0,&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; "qSortByNumeric": -1,&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; "qSortByAscii": 0,&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; "qSortByLoadOrder": 0,&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; "qSortByExpression": 0,&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; "qExpression": {&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; "qv": ""&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }},&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;"qLibraryId": "ID" // if you generate your hypercube, he add this id for the field&lt;/P&gt;&lt;P&gt;}]&lt;/P&gt;&lt;P&gt;&amp;nbsp; },function(u){&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp; $(t).empty(); //clear the section&lt;/P&gt;&lt;P&gt;&amp;nbsp; var e=u.qHyperCube,&amp;nbsp;&amp;nbsp;&amp;nbsp; //&lt;/P&gt;&lt;P&gt;&amp;nbsp; clo=document.createElement("thead"),&lt;/P&gt;&lt;P&gt;&amp;nbsp; o=document.createElement("tbody"),&lt;/P&gt;&lt;P&gt;&amp;nbsp; title1="first title",&lt;/P&gt;&lt;P&gt;&amp;nbsp; title2=e.qMeasureInfo[0].qFallbackTitle;&amp;nbsp; //get the name of the field for the second title&lt;/P&gt;&lt;P&gt;&amp;nbsp; $(clo).html("&amp;lt;tr&amp;gt;&amp;lt;th&amp;gt;"+title1+"&amp;lt;/th&amp;gt;&amp;lt;th&amp;gt;"+title2+"&amp;lt;/th&amp;gt;&amp;lt;/tr&amp;gt;").appendTo($(t));&lt;/P&gt;&lt;P&gt;&amp;nbsp; $.each(e.qDataPages[0].qMatrix,function()&lt;/P&gt;&lt;P&gt;&amp;nbsp; {&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp; var i=this[0], //the first value of the first field, here a dimension&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp; g=this[1], //the first value of the second field, here a measure&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp; f=document.createElement("tr"), //create the row&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp; d=document.createElement("td"), //create the first cell of the row&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp; d2=document.createElement("td"); //create the second cell of the row&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp; $(d).html(i.qText).appendTo($(f)).click(function(){app.field("/*Field_Name*/").selectValues([{qText:i.qText}],!0,!1);&lt;/P&gt;&lt;P&gt;&amp;nbsp; }); //add text to the first cell and append the cell to the row&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp; $(d2).html(g.qNum).appendTo($(f)); &lt;SPAN style="font-size: 13.3333px;"&gt;//add text to the second cell and append the cell to the row&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp; $(f).appendTo($(o));&amp;nbsp; //&lt;SPAN style="font-size: 13.3333px;"&gt;append the row to the tbody&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp; })&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp; $(o).appendTo($(t));&lt;/P&gt;&lt;P&gt;&amp;nbsp;&amp;nbsp; }&lt;/P&gt;&lt;P&gt;&amp;nbsp; )};&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp; createCubebox("#table"); // call the function with the ID&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Thu, 07 Jul 2016 07:42:29 GMT</pubDate>
      <guid>https://community.qlik.com/t5/Integration-Extension-APIs/how-to-make-html-table-from-data/m-p/1176800#M5796</guid>
      <dc:creator />
      <dc:date>2016-07-07T07:42:29Z</dc:date>
    </item>
  </channel>
</rss>

