Skip to main content
Announcements
Have questions about Qlik Connect? Join us live on April 10th, at 11 AM ET: SIGN UP NOW
cancel
Showing results for 
Search instead for 
Did you mean: 
Not applicable

How to dock HTML table inside extension object(created by .qar)

I have html table inside extension object which is created by .qar. Size of html table may vary due to pagination. So I want to dock html table into extension object and provide scroll bar just like Table Box object of qlikview. I tried with css, but not able to do. How to do that?

1 Solution

Accepted Solutions
rbecher
MVP
MVP

Hi a k,

I came across this today. This can be done very easily by setting the CSS attribute overflow="auto" at the surrounding div:

// Create new div element inside existing div (QvContent)

var myDiv = $('<div />').css({

        height: this.GetHeight(),

        width: this.GetWidth(),

        overflow: "auto"

  }).appendTo($(this.Element).empty());

// Then, place the table inside of myDiv

myDiv.append('<table />');

- Ralf

Astrato.io Head of R&D

View solution in original post

1 Reply
rbecher
MVP
MVP

Hi a k,

I came across this today. This can be done very easily by setting the CSS attribute overflow="auto" at the surrounding div:

// Create new div element inside existing div (QvContent)

var myDiv = $('<div />').css({

        height: this.GetHeight(),

        width: this.GetWidth(),

        overflow: "auto"

  }).appendTo($(this.Element).empty());

// Then, place the table inside of myDiv

myDiv.append('<table />');

- Ralf

Astrato.io Head of R&D