Qlik Community

Qlik Sense Integration, Extensions, & APIs

Discussion board where members can learn more about Integration, Extensions and API’s for Qlik Sense.

Announcements
QlikWorld 2020: Join us May 11 - 14, 2020 in Phoenix, AZ. Register early and save $400. Learn More
Highlighted
Partner
Partner

Trouble creating table with Visualization API

I have some trouble generating a table with the Visualization API. The table is partly generated, the title is set, the total row is set (but it is hidden by default, need to set the height to a specific height on the element for it to be visible), but the rest of the rows is not set.

This is the .js file:

define( [

        "qlik",

        "jquery",

        "text!./template.html"

    ],

    function ( qlik, $, template) {

        var app = qlik.currApp(this);

        return {

            template: template,

            support: {

                snapshot: true,

                export: true,

                exportData: true

            },

            paint: function ($element, layout) {

                app.visualization.create('table', ["Dim1", "=Count(Dim1)"], {title:"Table Title"}).then(function(table) {

                    table.show("QV01");

                });

               

                return qlik.Promise.resolve();

            },

            controller: ['$scope', function ( $scope ) {

            }]

        };

    } );

The template file:

<div qv-extension style="height: 100%; position: relative; overflow: auto;" class="ng-scope">

    <div id="QV01"></div>

</div>

Any idea why this is happening?