Do not input private or sensitive data. View Qlik Privacy & Cookie Policy.
Skip to main content

Announcements
Posting on Qlik Community is temporarily paused for some users. Thank you for patience and we'll update you soon!
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?

Labels (1)
1 Solution

Accepted Solutions
rbecher
Partner - Master III
Partner - Master III

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

Data & AI Engineer at Orionbelt.ai - a GenAI Semantic Layer Venture, Inventor of Astrato Engine

View solution in original post

1 Reply
rbecher
Partner - Master III
Partner - Master III

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

Data & AI Engineer at Orionbelt.ai - a GenAI Semantic Layer Venture, Inventor of Astrato Engine