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

Announcements
Qlik Connect 2026! Turn data into bold moves, April 13 -15: Learn More!
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

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

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

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