Trouble creating table with Visualization API

_jespers_ — Tue, 21 Nov 2017 10:07:55 GMT

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?

Re: Trouble creating table with Visualization API

evanplancaster — Thu, 16 Jan 2020 20:01:39 GMT

@_jespers_ , I know this is an old post, but were you ever able to figure this out? I'm having a similar issue.

At one point, I was able to get the table to render by setting the height manually, as you mentioned, but I was also needing to add in some custom CSS, and I lost the table upon doing that.

Thanks in advance for any advice you can offer here!

topic Trouble creating table with Visualization API in Integration, Extension & APIs

Trouble creating table with Visualization API

Re: Trouble creating table with Visualization API